[Webkit-unassigned] [Bug 202176] New: ::first-child not working with content in shadow DOM

[bugzilla-daemon at webkit.org]

https://bugs.webkit.org/show_bug.cgi?id=202176

            Bug ID: 202176
           Summary: ::first-child not working with content in shadow DOM
           Product: WebKit
           Version: Safari 12
          Hardware: All
                OS: All
            Status: NEW
          Severity: Normal
          Priority: P2
         Component: CSS
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: dale.sande at gmail.com

When styling HTML Custom Elements, I noticed when using the `:first-child` CSS pseudo-class, the rendered concent in Safari (macOS or iOS) does not reflect the style. 

After exhausting all troubleshooting opportunities there doesn't appear to be an issue with :first-child in general with Safari, but only when used inside a custom element. The code and variations thereof have been reviewed on all browsers with the failure only happening in Safari.

This can be validated at http://orion-design.surge.sh/#buttons
The code can be seen at https://github.com/AlaskaAirlines/OrionStatelessComponents__ods-button/blob/master/src/style.scss#L59
The custom element can be installed from https://www.npmjs.com/package/@alaskaairux/ods-button


When using :first-child in an HTML custom element using the shadow DOM ...

I'd expect the first letter to be altered per the style specified in the selector. 

What I see is no effect at all.

-- 
You are receiving this mail because:
You are the assignee for the bug.
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://lists.webkit.org/pipermail/webkit-unassigned/attachments/20190924/65734aad/attachment.html>