Bug 159572 – CSS transitions on SVG fill unexpectedly do not work inside <a>

• Status: RESOLVED
• Resolution: DUPLICATE
• Component: SVG

[Joseph Pecoraro]

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>

[Radar WebKit Bug Importer]

<rdar://problem/27250418>

[Said Abou-Hallawa]

I think this is similar to https://bugs.webkit.org/show_bug.cgi?id=152488.

[Ahmad Saleem]

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!

[Nicolas Jesenberger]

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

[Antoine Quint]

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?

[Antoine Quint]

I bet 279807@main fixed this.

[Antoine Quint]

Indeed, dupe of 267515.

*** This bug has been marked as a duplicate of bug 267515 ***