RESOLVED FIXED 149443
Add support for CSS Shadow Parts
https://bugs.webkit.org/show_bug.cgi?id=149443
Summary Add support for CSS Shadow Parts
Ryosuke Niwa
Reported 2015-09-21 18:18:43 PDT
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
Ryosuke Niwa
Comment 1 2015-09-21 18:19:01 PDT
Ryosuke Niwa
Comment 2 2015-09-21 20:37:37 PDT
*** Bug 149442 has been marked as a duplicate of this bug. ***
Keanu Lee
Comment 3 2016-12-08 11:37:11 PST
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
Comment 4 2016-12-08 14:35:18 PST
(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
Comment 5 2018-08-01 17:59:40 PDT
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
Comment 6 2019-05-12 16:57:30 PDT
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
Comment 7 2019-05-12 16:57:41 PDT
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
Comment 8 2019-10-09 01:03:35 PDT
This was enabled by default in <https://trac.webkit.org/changeset/250889>. The demo linked above works nicely too.
Note You need to log in before you can comment on or make changes to this bug.