RESOLVED CONFIGURATION CHANGED 183433
SVG transitions of transforms are not properly reset after the transition is removed 
https://bugs.webkit.org/show_bug.cgi?id=183433
Summary SVG transitions of transforms are not properly reset after the transition is ...
i.love.comput3rs
Reported 2018-03-08 00:29:29 PST
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.
Attachments
Add attachment proposed patch, testcase, etc.
Radar WebKit Bug Importer
Comment 1 2018-03-08 21:23:01 PST
<rdar://problem/38289968>
i.love.comput3rs
Comment 2 2018-03-30 10:10:50 PDT
Here is a workaround: https://codepen.io/ilovecomputers/pen/YaajWJ Note the `resetSVGTransforms` function. It toggles a non-visual transform in two frames.
Antoine Quint
Comment 3 2023-05-10 12:36:08 PDT
Demo works fine in shipping Safari.
Note You need to log in before you can comment on or make changes to this bug.