159572 2016-07-08 11:49:04 -0700 CSS transitions on SVG fill unexpectedly do not work inside <a> 2024-06-26 03:05:48 -0700 1 1 1 Unclassified WebKit SVG WebKit Nightly Build Unspecified Unspecified RESOLVED DUPLICATE 267515 InRadar P2 Normal --- 1 joepeck webkit-unassigned ahmad.saleem792 graouts hi nicolas sabouhallawa webkit-bug-importer zimmermann oldest_to_newest 1209218 0 joepeck 2016-07-08 11:49:04 -0700 Summary: CSS transitions on SVG fill unexpectedly do not work inside <a>. Steps to Reproduce: 1. Load <http://codepen.io/Pedr/pen/vyfko/> 2. Hover the "Some Text" link => Expected Red in the SVG to animate, it did not. Notes: - Animates in Chrome and Firefox, but not Safari. - Discussion and Workaround on Stack Overflow: <https://stackoverflow.com/questions/22593883/why-doesnt-this-css-transition-work-on-svg-inside-an-anchor> 1209220 1 webkit-bug-importer 2016-07-08 11:49:22 -0700 <rdar://problem/27250418> 1209226 2 sabouhallawa 2016-07-08 12:01:46 -0700 I think this is similar to https://bugs.webkit.org/show_bug.cgi?id=152488. 1905956 3 ahmad.saleem792 2022-10-16 05:03:14 -0700 I am able to reproduce this bug in Safari Technology Preview 155 where hovering on 'Some Text' just to splash of color changes rather than animating like Chrome Canary 108 and Firefox Nightly 107. Thanks! 2042427 4 nicolas 2024-06-21 05:28:32 -0700 I can reproduce in Safari 17.5 / TP 196, this affects fill/stroke animations as well and happens only on `:visited` links https://codepen.io/nicolasjesenberger/pen/qBGoxQM 2043146 5 graouts 2024-06-26 02:22:52 -0700 Chrome, Firefox and STP 197 look identical to me for both http://codepen.io/Pedr/pen/vyfko/ and https://codepen.io/nicolasjesenberger/pen/qBGoxQM. Am I missing something or is this a recent progression in STP 197? 2043153 6 graouts 2024-06-26 03:01:09 -0700 I bet 279807@main fixed this. 2043154 7 graouts 2024-06-26 03:05:48 -0700 Indeed, dupe of 267515. *** This bug has been marked as a duplicate of bug 267515 ***