Bug 149443 - Add the support for the CSS shadow parts
Summary: Add the support for the CSS shadow parts
Status: NEW
Alias: None
Product: WebKit
Classification: Unclassified
Component: CSS (show other bugs)
Version: WebKit Nightly Build
Hardware: Unspecified Unspecified
: P2 Normal
Assignee: Nobody
URL:
Keywords: InRadar
: 149442 (view as bug list)
Depends on: 196835
Blocks: 148695
  Show dependency treegraph
 
Reported: 2015-09-21 18:18 PDT by Ryosuke Niwa
Modified: 2019-04-12 13:49 PDT (History)
4 users (show)

See Also:


Attachments

Note You need to log in before you can comment on or make changes to this bug.
Description Ryosuke Niwa 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
Comment 1 Ryosuke Niwa 2015-09-21 18:19:01 PDT
<rdar://problem/22732047>
Comment 2 Ryosuke Niwa 2015-09-21 20:37:37 PDT
*** Bug 149442 has been marked as a duplicate of this bug. ***
Comment 3 Keanu Lee 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
Comment 4 Ryosuke Niwa 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.
Comment 5 Ryosuke Niwa 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.