Bug 250515

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: NEW    
Severity: Blocker CC: dino, graouts, webkit-bug-importer
Priority: P2 Keywords: InRadar
Version: Safari 16   
Hardware: All   
OS: All   
Attachments:
Description Flags
The attachment contains both implementation variants and a screen recording of the issue none

Julian Stamm
Reported 2023-01-12 08:16:33 PST
Created attachment 464469 [details] The attachment contains both implementation variants and a screen recording of the issue 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
The attachment contains both implementation variants and a screen recording of the issue (1.54 MB, application/zip)
2023-01-12 08:16 PST, Julian Stamm 		no flags
Details
View All Add attachment proposed patch, testcase, etc.
Julian Stamm
Comment 1 2023-01-12 08:23:09 PST
*** Bug 250516 has been marked as a duplicate of this bug. ***
Radar WebKit Bug Importer
Comment 2 2023-01-19 08:17:16 PST
<rdar://problem/104428937>
Note You need to log in before you can comment on or make changes to this bug.