Created attachment 312428 [details] Symbol CSS Animation Test Case CSS animations are not run for elements inside <symbol> SVG elements. The attached 'Symbol CSS Animation Test Case' shows three rectangles. The red ones are symbols and the green one is not. Only the green one is rotating. I would expect to see all three rectangles rotating. Chrome and Firefox show all three rectangles rotating. Tested on Safari Technology Preview Release 32 (Safari 11.0, WebKit 12604.1.23.0.4) and Safari 10.1.1.
<rdar://problem/32715981>
Hi, thank you for your work. We seems experiencing the same problem, CSS animation doesn't work for us inside SVG `symbol`s when inserting with `use` element. Test case: https://codepen.io/iamobstinado/pen/zYwvaXW?editors=1000 Tested in browsers: macOS Catalina (10.15.7) * Chrome 91.0.4472.114 ✅ * Firefox 89.0.2 ✅ * Safari 14.1.1 ❌ macOS Big Sur (11.4) * Chrome 91.0.4472.114 ✅ * Firefox 89.0.2 ✅ * Safari 14.1.1 ❌ ✅ – animation works ❌ – animation doesn't work Is there any updates, is it expected behaviour according SVG specs?
It is not working on WebKit ToT (260935@main) as well. Works fine in Chrome Canary 113 and Firefox Nightly 112.
Could be related to bug 255114.