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

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 ***