Bug 213547 - Animation runs only for the first time
Summary: Animation runs only for the first time
Status: RESOLVED DUPLICATE of bug 207993
Alias: None
Product: WebKit
Classification: Unclassified
Component: Animations (show other bugs)
Version: Safari 13
Hardware: iPhone / iPad iOS 13
: P2 Normal
Assignee: Nobody
URL:
Keywords:
Depends on:
Blocks:
 
Reported: 2020-06-24 00:57 PDT by tyls.alexandr
Modified: 2020-06-24 13:07 PDT (History)
4 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 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.