Bug 244025

Summary: `:visited` link color does not propagate to SVG through `currentColor`
Product: WebKit Reporter: Masataka Yakura <myakura.web>
Component: CSSAssignee: Nobody <webkit-unassigned>
Status: NEW    
Severity: Normal CC: ahmad.saleem792, karlcow, koivisto, m_dubet, nicolas, webkit-bug-importer
Priority: P2 Keywords: BrowserCompat, InRadar, LayerBasedSVGEngine
Version: Safari 15   
Hardware: Mac (Apple Silicon)   
OS: macOS 12   
See Also: https://bugs.webkit.org/show_bug.cgi?id=70006
https://bugs.webkit.org/show_bug.cgi?id=210005
Attachments:
Description Flags
test case - `:visited` + `fill="currentColor"`
none
rendering in safari, firefox, chrome none

Masataka Yakura
Reported 2022-08-17 01:46:50 PDT
Created attachment 461688 [details] test case - `:visited` + `fill="currentColor"` Steps to reproduce: 1. open attachment or go to https://myakura.github.io/test--visited-currentcolor-svg/ 2. look at the test case Expected result: There is a green square. Actual result: There is a red square, in Safari (15.6) and Safari TP (151). It is green in Firefox and Chrome. Additional comments: People build customizable icon system by utilizing `fill="currentColor"` set on inline SVGs. * https://css-tricks.com/cascading-svg-fill-color/ * https://mayashavin.com/articles/svg-icons-currentcolor * https://gomakethings.com/currentcolor-and-svgs/ However, WebKit doesn't propagate colors set on `:visited` elements. So if such icons are placed inside links, they won't look as expected. https://stackoverflow.com/questions/68116594/safari-not-showing-visited-color-for-svg-icon-that-is-inside-an-anchor-tag
Attachments
test case - `:visited` + `fill="currentColor"` (921 bytes, text/html)
2022-08-17 01:46 PDT, Masataka Yakura 		no flags
Details
rendering in safari, firefox, chrome (624.78 KB, image/png)
2025-08-18 17:44 PDT, Karl Dubost 		no flags
Details
View All Add attachment proposed patch, testcase, etc.
Masataka Yakura
Comment 1 2022-08-17 01:51:53 PDT
It may be a part of https://bugs.webkit.org/show_bug.cgi?id=210005 .
Radar WebKit Bug Importer
Comment 2 2022-08-17 04:53:00 PDT
<rdar://problem/98776770>
Karl Dubost
Comment 3 2025-08-18 17:44:15 PDT
Created attachment 476445 [details] rendering in safari, firefox, chrome Safari Technology Preview 26.0 20622.1.20.1 (125) Firefox Nightly 143.0a1 14325.8.14 Google Chrome Canary 141.0.7364.1 7364.1
Karl Dubost
Comment 4 2025-08-18 17:45:26 PDT
Both Firefox and Safari shows a red square.
Note You need to log in before you can comment on or make changes to this bug.