Bug 139775 - SVG SMIL animation wont always run
Summary: SVG SMIL animation wont always run
Status: RESOLVED CONFIGURATION CHANGED
Alias: None
Product: WebKit
Classification: Unclassified
Component: SVG (show other bugs)
Version: 528+ (Nightly build)
Hardware: Mac OS X 10.10
: P2 Normal
Assignee: Nobody
URL:
Keywords:
Depends on:
Blocks:
 
Reported: 2014-12-18 06:07 PST by Niklas Holmberg
Modified: 2022-07-14 11:54 PDT (History)
6 users (show)

See Also:

Attachments
Add an attachment (proposed patch, testcase, etc.)

Note You need to log in before you can comment on or make changes to this bug.
Description Niklas Holmberg 2014-12-18 06:07:28 PST 
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().
Comment 1 Ahmad Saleem 2022-07-14 09:25:47 PDT 
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!
Comment 2 Ryosuke Niwa 2022-07-14 11:54:55 PDT 
Animation works as you say. Thank you for testing!