Implement >>> Selecting Through Shadows Selector for access into shadow root

NEW
Unassigned

Status

()

Core
CSS Parsing and Computation
--
enhancement
3 years ago
14 days ago

People

(Reporter: Rodney Rehm, Unassigned)

Tracking

(Blocks: 1 bug, {dev-doc-needed})

Firefox Tracking Flags

(Not tracked)

Details

(Reporter)

Description

3 years ago
The "selecting through shadows selector" (also referred to "shadow-piercing descendant combinator") allows selecting elements within regardless of them being in a ShadowRoot or nested ShadowRoot or not. It is somewhat similar to ::shadow [1].

Note: The ">>>" selector used to be called "/deep/" (and is currently implemented in Chrome as "/deep/".

Link to specification for reference: http://dev.w3.org/csswg/css-scoping-1/#deep-combinator

[1] https://bugzilla.mozilla.org/show_bug.cgi?id=1112251
Component: Untriaged → CSS Parsing and Computation
Product: Firefox → Core
See Also: → bug 1112251

Updated

11 months ago
Blocks: 811542

Updated

11 months ago
Severity: normal → enhancement
Status: UNCONFIRMED → NEW
Ever confirmed: true
OS: Mac OS X → All
Hardware: x86 → All
Version: 37 Branch → unspecified

Comment 1

11 months ago
We should not implement this until there's agreement that this is actually desired. See https://github.com/w3c/webcomponents/issues/78.

Updated

11 months ago
Keywords: dev-doc-needed

Comment 2

14 days ago
It seems that Chrome 60 will be treating the >>> combinator as the descendant combinator, so perhaps it would be wise to simply follow suit?

https://developers.google.com/web/updates/2017/06/chrome-60-deprecations#make_shadow-piercing_descendant_combinator_behave_like_descendent_combinator
You need to log in before you can comment on or make changes to this bug.