Bug 179402 - ::slotted() styles should be applied only after flattening
Summary: ::slotted() styles should be applied only after flattening
Status: NEW
Alias: None
Product: WebKit
Classification: Unclassified
Component: CSS (show other bugs)
Version: Safari 11
Hardware: Unspecified Unspecified
: P2 Normal
Assignee: Nobody
URL:
Keywords:
Depends on:
Blocks: 148695
  Show dependency treegraph
 
Reported: 2017-11-07 17:11 PST by Keanu Lee
Modified: 2017-11-07 22:00 PST (History)
2 users (show)

See Also:


Attachments

Note You need to log in before you can comment on or make changes to this bug.
Description Keanu Lee 2017-11-07 17:11:09 PST
Per the spec https://drafts.csswg.org/css-scoping/#slotted-pseudo, the ::slotted() selector should only be applied to elements after flattening.

Example: https://jsbin.com/ruwesaj/edit?html,output

The following style:

::slotted(.hide) {
  display: none;
}

should not apply to the intermediate:

<slot class="hide"></slot>