Bug 139775
| Summary: | SVG SMIL animation wont always run | ||
|---|---|---|---|
| Product: | WebKit | Reporter: | Niklas Holmberg <holmberg.niklas> |
| Component: | SVG | Assignee: | Nobody <webkit-unassigned> |
| Status: | RESOLVED CONFIGURATION CHANGED | ||
| Severity: | Normal | CC: | ahmad.saleem792, ap, bfulgham, mmaxfield, rniwa, zimmermann |
| Priority: | P2 | ||
| Version: | 528+ (Nightly build) | ||
| Hardware: | Mac | ||
| OS: | OS X 10.10 | ||
Niklas Holmberg
I've been looking at an article about SVG SMIL animations.
Code: http://codepen.io/chriscoyier/pen/DpFfE
Article: http://css-tricks.com/svg-shape-morphing-works/
Works good except for in Safari desktop (and I guess also on iOS). The button should toggle between a yellow star and a green check symbol.
The animations work good the first two times the animation runs and the third time I get a green star instead of a green check. So the color animation did run but not the shape animation. After that it's all wrong.
So, in short. SMIL animations doesn't always run on beginElement().
| Attachments | ||
|---|---|---|
| Add attachment proposed patch, testcase, etc. |
Ahmad Saleem
I am unable to reproduce this bug in Safari 15.5 on macOS 12.4 based on attached codepen and I used "Private Window" to avoid any cache issue and I clicked the "Save" button multiple time and didn't see any "Green Star" as mentioned in Description.
I think it was fixed along the way and can be closed now as "RESOLVED CONFIGURATION CHANGED". Thanks!
Ryosuke Niwa
Animation works as you say. Thank you for testing!