183433 2018-03-08 00:29:29 -0800 SVG transitions of transforms are not properly reset after the transition is removed 2023-05-10 12:36:08 -0700 1 1 1 Unclassified WebKit Animations WebKit Nightly Build Mac macOS 10.13 RESOLVED CONFIGURATION CHANGED InRadar P2 Normal --- 1 i.love.comput3rs webkit-unassigned dino graouts graouts i.love.comput3rs jonlee webkit-bug-importer oldest_to_newest 1404648 0 i.love.comput3rs 2018-03-08 00:29:29 -0800 Please see this codepen: https://codepen.io/ilovecomputers/pen/Nydowg 1. The top two bars are SVG while the bottom two are DIVs. 2. Click the animate button and wait for the animation to finish. a. Note the animation is synced between the two types 3. Click the animate button again. a. Note the animation is no longer synced as the transform of the white wipe bar is not reset I've tried this in Safari 11.0.3 (13604.5.6), Tech Preview Release 51 (Safari 11.2, WebKit 13606.1.6), and the Nightly. Same behavior. The current Chrome and Firefox do not exhibit this behavior. 1405057 1 webkit-bug-importer 2018-03-08 21:23:01 -0800 <rdar://problem/38289968> 1410648 2 i.love.comput3rs 2018-03-30 10:10:50 -0700 Here is a workaround: https://codepen.io/ilovecomputers/pen/YaajWJ Note the `resetSVGTransforms` function. It toggles a non-visual transform in two frames. 1954445 3 graouts 2023-05-10 12:36:08 -0700 Demo works fine in shipping Safari.