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 | ||
j.hermann
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.
| Attachments | ||
|---|---|---|
| Add attachment proposed patch, testcase, etc. |
Antoine Quint
Thanks for reporting, this has already been fixed, see bug 237972.
*** This bug has been marked as a duplicate of bug 237972 ***