Bug 213547

Summary:	Animation runs only for the first time
Product:	WebKit	Reporter:	tyls.alexandr
Component:	Animations	Assignee:	Nobody <webkit-unassigned>
Status:	RESOLVED DUPLICATE
Severity:	Normal	CC:	dino, graouts, graouts, jonlee
Priority:	P2
Version:	Safari 13
Hardware:	iPhone / iPad
OS:	iOS 13

Description tyls.alexandr 2020-06-24 00:57:26 PDT

Spinner keyframes animation gets stuck after the first run.

You can view the bug on this page: https://app.nabij.se/empty
Click the button. The spinner should be rotating for 2.5s, but spins only when clicked for the first time.

I have noticed that it could be related to the Web Animations API. If I go to the Safari settings -> Advanced -> Experimental features and turn off "CSS Animations via Web Animations" or "Web animations" then it runs every time.

I was not able to create an isolated test case, it happens only inside my app. I did not figure out what is affecting it.

Encountered on iPhone 8, iOS 13.5.1 and also Chrome for iOS
Used frameworks and libraries: Vue.js 2.6.11, Bulma 0.9.0

Comment 1 Jon Lee 2020-06-24 08:22:00 PDT

Have you tried the latest iOS 14 beta? It appears to work for me.

Comment 2 Antoine Quint 2020-06-24 09:44:07 PDT

Thanks for your bug report! This bug has already been fixed (bug 207993) and you can see this in a recent Safari Technology Preview on macOS or the iOS 14 beta.

*** This bug has been marked as a duplicate of bug 207993 ***

Comment 3 tyls.alexandr 2020-06-24 13:07:09 PDT

Thanks for the quick reply! And sorry for the duplicate, I missed the other one.