Bug 259741 - REGRESSION - Multiple sequenced animations of the same property do not work
Summary: REGRESSION - Multiple sequenced animations of the same property do not work
Status: RESOLVED FIXED
Alias: None
Product: WebKit
Classification: Unclassified
Component: Animations (show other bugs)
Version: Safari 17
Hardware: Other Unspecified
: P2 Normal
Assignee: Nobody
URL:
Keywords: InRadar
Depends on:
Blocks:
 
Reported: 2023-08-02 11:19 PDT by Lukasz Nawrot
Modified: 2023-08-10 11:32 PDT (History)
5 users (show)

See Also:

Attachments
iOS 17 recording (4.69 MB, video/mp4)
2023-08-05 00:18 PDT, Lukasz Nawrot 		no flags Details
MacOS Safari 17 (618.70 KB, video/mp4)
2023-08-05 00:19 PDT, Lukasz Nawrot 		no flags Details
expected (299.41 KB, video/mp4)
2023-08-05 00:36 PDT, Lukasz Nawrot 		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 Lukasz Nawrot 2023-08-02 11:19:05 PDT 
When adding two subsequent animations of the same property (in my case 'transform'), the first one is not behaving correctly (jumps a little and comes back to the starting position).
See codepen with minimal repro: https://codepen.io/wookie123/pen/zYMerWP (it should translate right, wait 1s and translate further)

It works as expected on Chrome and Safari 16.3.
It fails on Safari 17 on both MacOS (19616.1.24.11.3) and iOS (21A5291g).
Comment 1 Radar WebKit Bug Importer 2023-08-02 19:27:42 PDT 
<rdar://problem/113306184>
Comment 2 stephen_cobb 2023-08-04 15:08:58 PDT 
Hi Lukasz, thanks for your report. I don't seem to be able to reproduce this using Safari 16.5 or Safari 17.0. Could you please attach a screen recording of the bad animation?
Comment 3 Lukasz Nawrot 2023-08-05 00:18:43 PDT 
Created attachment 467202 [details]
iOS 17 recording
Comment 4 Lukasz Nawrot 2023-08-05 00:19:55 PDT 
Created attachment 467203 [details]
MacOS Safari 17
Comment 5 Lukasz Nawrot 2023-08-05 00:36:12 PDT 
Created attachment 467204 [details]
expected
Comment 6 Lukasz Nawrot 2023-08-05 01:38:00 PDT 
Just checked and it works as expected on Safari 16.5, it seems that the problem is only on Safari 17.0. Let me know if you need any additional information from me
Comment 7 Ahmad Saleem 2023-08-07 02:16:59 PDT 
I am not able to reproduce this in Safari Technology Preview 175 and WebKit ToT (266624@main). It might be something broken in between Safari 16.x and Safari 17 but then got fixed.
Comment 8 Lukasz Nawrot 2023-08-10 11:32:24 PDT 
Checked on the latest iOS beta and Safari Tech Preview 175 and it seems to work. Thanks!