[Webkit-unassigned] [Bug 254549] REGRESSION(259818 at main...259759@main?): CSS variables are not applied to the SVG shadow DOM

[bugzilla-daemon at webkit.org]

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

--- Comment #6 from Mauri <maurimura at gmail.com> ---
(In reply to Mauri from comment #0)
> 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.

Updating steps to reproduce it:

Go to: https://ios-svg-bug.vercel.app/

You should see a red magnifying glass, instead, you're seeing a black one.

We manage to temporarily work around this on Safari 16.4, so the original URL for reproducing this won't work anymore. Please use https://ios-svg-bug.vercel.app/ instead

-- 
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/20230328/9948f172/attachment.htm>