Bug 160754 – Can't style descendants in shadow tree using the :host pseudo class

• Status: RESOLVED
• Resolution: FIXED
• Component: DOM

[Emmanuel]

Created attachment 285767 [details]
Run in Safari TP

I'd expect complex selectors such as:

:host > div {
  ...
}

or

:host(.foo) > div {
  ...
}

to work in a style inside a shadow root.
Repro: http://jsbin.com/sinidob/edit?html,output

Tested in Safari TP, Chrome stable works as expected.

[Radar WebKit Bug Importer]

<rdar://problem/27845430>

[Antti Koivisto]

Created attachment 286054 [details]
patch

This enables

:host(.foo) div { ... }

but doesn't cover 

:host::after { ... }

case.

[Darin Adler]

Comment on attachment 286054 [details]
patch

View in context: https://bugs.webkit.org/attachment.cgi?id=286054&action=review

> Source/WebCore/css/SelectorChecker.cpp:1039
> +            const Node* contextualReferenceNode = !checkingContext.scope ? element.document().documentElement() : checkingContext.scope;

Maybe auto or auto* here?

[WebKit Commit Bot]

Comment on attachment 286054 [details]
patch

Clearing flags on attachment: 286054

Committed r204724: <http://trac.webkit.org/changeset/204724>

[WebKit Commit Bot]

All reviewed patches have been landed.  Closing bug.