Bug 250516 - [Web Animations] 'rotate' randomly switches direction or does nothing after multiple turns
Summary: [Web Animations] 'rotate' randomly switches direction or does nothing after m...
Status: RESOLVED DUPLICATE of bug 250515
Alias: None
Product: WebKit
Classification: Unclassified
Component: Animations (show other bugs)
Version: Safari 16
Hardware: All All
: P2 Blocker
Assignee: Nobody
URL:
Keywords:
Depends on:
Blocks:
 
Reported: 2023-01-12 08:16 PST by Julian Stamm
Modified: 2023-01-12 08:23 PST (History)
2 users (show)

See Also:

Attachments
Two implementation variants and a screen recording of the issue (1.54 MB, text/html)
2023-01-12 08:19 PST, Julian Stamm 		no flags Details
View All 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 Julian Stamm 2023-01-12 08:16:48 PST 
I need to create a card element that always flips in the same direction when clicked and the attached two snippets do exactly what I want but only when using Chrome and Firefox. When viewing the snippet on Safari on both iOS and MacOS, one encounters a weird issue where after approximately 20 clicks, the card flips randomly back and forth and becomes unpredictable as shown in the attached screen record. I tried to implement the desired behaviour in two different variants which I also attached, one using a counter variable and one using the Web Animations API. Both variants work fine under Firefox and Chrome and should also work according to the official specification but do not work under Safari without regard to the operating system or device.
Comment 1 Julian Stamm 2023-01-12 08:19:58 PST 
Created attachment 464470 [details]
Two implementation variants and a screen recording of the issue
Comment 2 Julian Stamm 2023-01-12 08:23:09 PST 

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