Bug 149443
| Summary: | Add support for CSS Shadow Parts | ||
|---|---|---|---|
| Product: | WebKit | Reporter: | Ryosuke Niwa <rniwa> |
| Component: | CSS | Assignee: | Nobody <webkit-unassigned> |
| Status: | RESOLVED FIXED | ||
| Severity: | Normal | CC: | contact, koivisto, thorton, webkit-bug-importer, webkit |
| Priority: | P2 | Keywords: | InRadar |
| Version: | WebKit Nightly Build | ||
| Hardware: | Unspecified | ||
| OS: | Unspecified | ||
| Bug Depends on: | 196835, 202393, 202409, 202456, 202482, 202520, 202526, 202620, 202632, 202644, 202694, 202695, 202719, 202730, 202919 | ||
| Bug Blocks: | 148695 | ||
Ryosuke Niwa
We should provide a mechanism to define auhtor-defined style parts akin to input element's pesudo elements in WebKit.
See https://github.com/w3c/webcomponents/issues/300
| Attachments | ||
|---|---|---|
| Add attachment proposed patch, testcase, etc. |
Ryosuke Niwa
<rdar://problem/22732047>
Ryosuke Niwa
*** Bug 149442 has been marked as a duplicate of this bug. ***
Keanu Lee
Gentle ping on this bug. Here's an example of pseudo `:host::after` that works in Chrome: http://jsbin.com/duyidud/edit?html,output
Ryosuke Niwa
(In reply to comment #3)
> Gentle ping on this bug. Here's an example of pseudo `:host::after` that
> works in Chrome: http://jsbin.com/duyidud/edit?html,output
That’s https://bugs.webkit.org/show_bug.cgi?id=164675, which just got fixed.
This bug is about adding the capability to define a custom pseudo element such as ::part(custom-part) to expose a stylable part from a component.
Ryosuke Niwa
The spec is now at https://drafts.csswg.org/css-shadow-parts-1/
The exact syntax & semantics of forwarding hasn't been decided yet despite of the fact Blink started implementing this feature.
Steven Vachon
Please add support for this. I've created a project with a demo that looks great in Chrome: https://stevenvachon.github.io/scrolling-menu
Steven Vachon
Please add support for this. I've created a project with a demo that looks great in Chrome: https://stevenvachon.github.io/scrolling-menu
Antti Koivisto
This was enabled by default in <https://trac.webkit.org/changeset/250889>. The demo linked above works nicely too.