Bug 217061

Summary:	onTransitionEnd buggy on devices using iOS 14
Product:	WebKit	Reporter:	nicolekinser21
Component:	Animations	Assignee:	Nobody <webkit-unassigned>
Status:	RESOLVED DUPLICATE
Severity:	Critical	CC:	dino, graouts, graouts, webkit-bug-importer
Priority:	P2	Keywords:	InRadar
Version:	Safari 14
Hardware:	iPhone / iPad
OS:	Other

Description nicolekinser21 2020-09-28 11:53:51 PDT

There's a bug only on iOS14 devices where onTransitionEnd is not being consistently called. The react-dates calendar (an open source calendar) uses onTransitionEnd to update calendar state when a month transition occurs, and on iOS14 onTransitionEnd is called correctly the first two times the navigation buttons are pressed but then it stops being called for subsequent clicks. You can see an example of the calendar here (https://airbnb.io/react-dates/?path=/story/daypicker--default) and this is the onTransitionEnd that is not working correctly (https://github.com/airbnb/react-dates/blob/master/src/components/CalendarMonthGrid.jsx#L303)

Comment 1 Radar WebKit Bug Importer 2020-09-29 10:29:13 PDT

<rdar://problem/69753267>

Comment 2 Antoine Quint 2020-10-19 05:06:56 PDT

This reproduces in the iOS 14 GM release but not in the most recent iOS 14.2 beta. I will try to figure out when this progressed exactly.

Comment 3 Antoine Quint 2020-10-19 05:22:18 PDT

I can only reproduce on iPad too, not on iPhone.

Comment 4 Antoine Quint 2020-10-19 06:40:00 PDT

This progressed with r265985, the fix for bug 215655. Marking as dupe.

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