Bug 227219

Summary: fill with currentColor and later color change via CSS is not applied
Product: WebKit Reporter: Peter Krautzberger <peter>
Component: SVGAssignee: 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/

Description Peter Krautzberger 2021-06-21 08:59:44 PDT
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>
Comment 1 Radar WebKit Bug Importer 2021-06-28 09:00:17 PDT
<rdar://problem/79866228>
Comment 2 Ahmad Saleem 2022-11-06 03:05:48 PST
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".
Comment 3 Matthieu Dubet 2022-11-07 06:31:29 PST
Yes, it's similar to: https://bugs.webkit.org/show_bug.cgi?id=245400
Comment 4 Matthieu Dubet 2022-11-07 14:38:20 PST
Pull request: https://github.com/WebKit/WebKit/pull/6222
Comment 5 EWS 2022-11-08 08:01:47 PST
Committed 256447@main (92afb29672fb): <https://commits.webkit.org/256447@main>

Reviewed commits have been landed. Closing PR #6222 and removing active labels.
Comment 6 Tim Nguyen (:ntim) 2023-05-30 13:04:48 PDT
*** Bug 95083 has been marked as a duplicate of this bug. ***