Bug 255282

Summary: CSS Variables not applied to SVGUseElement when href is external
Product: WebKit Reporter: Robin Neal <robinneal429>
Component: SVGAssignee: Nobody <webkit-unassigned>
Status: RESOLVED DUPLICATE    
Severity: Normal CC: koivisto, sabouhallawa, simon.fraser, zimmermann
Priority: P2    
Version: Safari 16   
Hardware: Mac (Intel)   
OS: macOS 13   

Description Robin Neal 2023-04-11 06:00:13 PDT 
Since Safari 16.4, CSS Variables defined on the SVGUseElement are no longer applied to the used SVG element.


Here is an isolated test case:
https://4z5y4g-3000.csb.app

In Chrome, Firefox, and older versions of Safari, the first icon should be red, and all other icons blue.

In Safari 16.4, the last two icons are black.

The icons stroke colour is set via a CSS variable, `--icon-stroke-color`. It is set to fallback to black.

This still works when the use[href] target is an element on the same page. The issue only occurs with external sources. This is regardless of whether the file is hosted on the same domain, or a different domain. Relative paths and absolute paths both produce the same issue.
Comment 1 Said Abou-Hallawa 2023-04-11 16:16:27 PDT 
This is was fixed by 262698@main.

*** This bug has been marked as a duplicate of bug 254549 ***