Bug 238696

Summary:	Glitching transition with opacity and transform where opacity duration greater than transform duration
Product:	WebKit	Reporter:	j.hermann
Component:	Animations	Assignee:	Nobody <webkit-unassigned>
Status:	RESOLVED DUPLICATE
Severity:	Normal	CC:	dino, graouts, graouts
Priority:	P2
Version:	Safari 15
Hardware:	All
OS:	All

Description j.hermann 2022-04-02 05:05:20 PDT

The CSS opacity transition seems to occur a second time when used in combination with a transform transition where the transition-duration of opacity is greater than the duration of transform.

See minimal test case: https://codepen.io/jh-dvc/pen/YzYEZOz

Can be reproduced in Safari 15.4 on both iOS 15.4 and MacOS 12.3. Did not occur prior to that version as far as I can tell.

Comment 1 Antoine Quint 2022-04-04 01:27:08 PDT

Thanks for reporting, this has already been fixed, see bug 237972.

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