Bug 255282
| Summary: | CSS Variables not applied to SVGUseElement when href is external | ||
|---|---|---|---|
| Product: | WebKit | Reporter: | Robin Neal <robinneal429> |
| Component: | SVG | Assignee: | 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 | ||
Robin Neal
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.
| Attachments | ||
|---|---|---|
| Add attachment proposed patch, testcase, etc. |
Said Abou-Hallawa
This is was fixed by 262698@main.
*** This bug has been marked as a duplicate of bug 254549 ***