Bug 250516

Summary: [Web Animations] 'rotate' randomly switches direction or does nothing after multiple turns
Product: WebKit Reporter: Julian Stamm <pizzahollandaise>
Component: AnimationsAssignee: Nobody <webkit-unassigned>
Status: RESOLVED DUPLICATE    
Severity: Blocker CC: dino, graouts
Priority: P2    
Version: Safari 16   
Hardware: All   
OS: All   
Attachments:
Description Flags
Two implementation variants and a screen recording of the issue none

Julian Stamm
Reported 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.
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 attachment proposed patch, testcase, etc.
Julian Stamm
Comment 1 2023-01-12 08:19:58 PST
Created attachment 464470 [details] Two implementation variants and a screen recording of the issue
Julian Stamm
Comment 2 2023-01-12 08:23:09 PST
*** This bug has been marked as a duplicate of bug 250515 ***
Note You need to log in before you can comment on or make changes to this bug.