[Webkit-unassigned] [Bug 254549] New: CSS Variables not getting to the SVG shadow DOM

[bugzilla-daemon at webkit.org]

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

            Bug ID: 254549
           Summary: CSS Variables not getting to the SVG shadow DOM
           Product: WebKit
           Version: Safari 16
          Hardware: iPhone / iPad
                OS: iOS 16
            Status: NEW
          Severity: Normal
          Priority: P2
         Component: SVG
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: maurimura at gmail.com
                CC: sabouhallawa at apple.com, zimmermann at kde.org

We're using CSS variables to style things inside an SVG. We're dynamically importing SVGs using the `<use>` element. This element creates a Shadow DOM. We're not able to see variables inside that Shadow DOM.

Steps to Reproduce: 

    1) Use iOS Safari 16.4 (it works fine on 16.3)      

    2) Go to this page https://ios-safari-bug-yt1o.glide.page

    3) You'll see two buttons, Add and Delete, with their icons.


Actual Results:

    Icons are black colored.

Expected Results:

    Icons should match the text color.

Build Date & Hardware:

    Build 2023-03-27 on iOS 16.4 running on iPhone 13 Pro.

Additional Builds and Platforms:

    Works fine on iOS 16.3, Mac OS Safari Version 16.3 (18614.4.6.1.6), Chrome, and Firefox.

-- 
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/20230327/22ff2f56/attachment.htm>