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

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!