Bug 238696 - Glitching transition with opacity and transform where opacity duration greater than transform duration
Summary: Glitching transition with opacity and transform where opacity duration greate...
Status: RESOLVED DUPLICATE of bug 237972
Alias: None
Product: WebKit
Classification: Unclassified
Component: Animations (show other bugs)
Version: Safari 15
Hardware: All All
: P2 Normal
Assignee: Nobody
URL:
Keywords:
Depends on:
Blocks:
 
Reported: 2022-04-02 05:05 PDT by j.hermann
Modified: 2022-04-04 01:27 PDT (History)
3 users (show)

See Also:

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