Bug 179402
| Summary: | ::slotted() styles should be applied only after flattening | ||
|---|---|---|---|
| Product: | WebKit | Reporter: | Keanu Lee <webkit> |
| Component: | CSS | Assignee: | Nobody <webkit-unassigned> |
| Status: | RESOLVED CONFIGURATION CHANGED | ||
| Severity: | Normal | CC: | koivisto, rniwa, simon.fraser |
| Priority: | P2 | ||
| Version: | Safari 11 | ||
| Hardware: | Unspecified | ||
| OS: | Unspecified | ||
| See Also: | https://bugs.webkit.org/show_bug.cgi?id=178237 | ||
| Bug Depends on: | |||
| Bug Blocks: | 148695 | ||
Keanu Lee
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>
| Attachments | ||
|---|---|---|
| Add attachment proposed patch, testcase, etc. |
Simon Fraser (smfr)
Is this related to bug 169948?
Ryosuke Niwa
(In reply to Simon Fraser (smfr) from comment #1)
> Is this related to bug 169948?
Yup. That bug is now not to be fixed given the latest discussion at CSS WG: https://github.com/w3c/csswg-drafts/issues/5482
Ryosuke Niwa
This is working now.