question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Support Shadow DOM >>> operator

See original GitHub issue

New Shadow DOM syntax for /deep/ does not work properly in everything-but-compressed mode:

.foo >>> .bar {
  color: red;
}

Expected:

.foo >>> .bar {
  color: red;
}

Result:

.foo > > > .bar {
  color: red;
}

I don’t know if the spaces between operators are relevant or not, but the specs mention >>> as a whole, so Sass should probably stick to this. Or at least print it as authored, rather than spacing them all.

Issue Analytics

  • State:closed
  • Created 9 years ago
  • Reactions:3
  • Comments:9 (4 by maintainers)

github_iconTop GitHub Comments

1reaction
nex3commented, Aug 28, 2015

I just talked to @tabatkins and it sounds like this is going to be pulled from the spec.

0reactions
tabatkinscommented, Sep 29, 2016

>>> won’t be pulled from the spec, but it is limited to just the static profile (which doesn’t include stylesheets). So it’s inappropriate for Sass to support it, as it’s effectively an invalid selector in this context.

Read more comments on GitHub >

github_iconTop Results From Across the Web

Shadow DOM
Shadow DOM enables encapsulation. With Shadow DOM, a component can have its own “shadow” DOM tree that cannot be accidentally accessed from the...
Read more >
Shadow DOM Support & reusable component objects
Shadow DOM is one of the key browser features that make up web components. Web components are a really great way to build...
Read more >
Working with Shadow DOM Elements using Webdriver
Shadow DOM provides encapsulation for the JavaScript, CSS, and templating in a Web Component. Shadow DOM is just normal DOM with two differences ......
Read more >
Shadow DOM in Selenium
To access Shadow DOM elements in Selenium 4 with Chromium browsers (Microsoft Edge and Google Chrome) version 96 or greater, use the new...
Read more >
Working With Web Components (Shadow DOM)
Web Components help encapsulate styling and functionality for particular components, enabling sharing and reusing them within and across ...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found