Bug 183433
| Summary: | SVG transitions of transforms are not properly reset after the transition is removed | ||
|---|---|---|---|
| Product: | WebKit | Reporter: | i.love.comput3rs |
| Component: | Animations | Assignee: | Nobody <webkit-unassigned> |
| Status: | RESOLVED CONFIGURATION CHANGED | ||
| Severity: | Normal | CC: | dino, graouts, graouts, i.love.comput3rs, jonlee, webkit-bug-importer |
| Priority: | P2 | Keywords: | InRadar |
| Version: | WebKit Nightly Build | ||
| Hardware: | Mac | ||
| OS: | macOS 10.13 | ||
i.love.comput3rs
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
<rdar://problem/38289968>
i.love.comput3rs
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
Demo works fine in shipping Safari.