Bug 227219
| Summary: | fill with currentColor and later color change via CSS is not applied | ||
|---|---|---|---|
| Product: | WebKit | Reporter: | Peter Krautzberger <peter> |
| Component: | SVG | Assignee: | Nobody <webkit-unassigned> |
| Status: | RESOLVED FIXED | ||
| Severity: | Normal | CC: | ahmad.saleem792, m_dubet, ml, sabouhallawa, simon.fraser, webkit-bug-importer, zimmermann |
| Priority: | P2 | Keywords: | InRadar |
| Version: | Safari 14 | ||
| Hardware: | Unspecified | ||
| OS: | Unspecified | ||
| URL: | https://jsfiddle.net/95601osz/ | ||
Peter Krautzberger
The following simplified example renders a blue circle in Blink and Gecko but a red circle in WebKit.
<svg viewBox="0 0 100 100" width="100" xmlns="http://www.w3.org/2000/svg" style="color:red;">
<g fill="currentColor">
<g style="color:blue;">
<circle cx="50" cy="50" r="50" />
</g>
</g>
</svg>
| Attachments | ||
|---|---|---|
| Add attachment proposed patch, testcase, etc. |
Radar WebKit Bug Importer
<rdar://problem/79866228>
Ahmad Saleem
I am able to reproduce this bug in Safari Technology Preview 156 & Safari 16.1 where it shows "red" circle compared to "blue", while Chrome Canary 109 and Firefox Nightly 108 show "blue".
Matthieu Dubet
Yes, it's similar to: https://bugs.webkit.org/show_bug.cgi?id=245400
Matthieu Dubet
Pull request: https://github.com/WebKit/WebKit/pull/6222
EWS
Committed 256447@main (92afb29672fb): <https://commits.webkit.org/256447@main>
Reviewed commits have been landed. Closing PR #6222 and removing active labels.
Tim Nguyen (:ntim)
*** Bug 95083 has been marked as a duplicate of this bug. ***