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 | ||
tyls.alexandr
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
| Attachments | ||
|---|---|---|
| Add attachment proposed patch, testcase, etc. |
Jon Lee
Have you tried the latest iOS 14 beta? It appears to work for me.
Antoine Quint
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 ***
tyls.alexandr
Thanks for the quick reply! And sorry for the duplicate, I missed the other one.