Bug 236316
| Summary: | Rendering artifacts during animation | ||
|---|---|---|---|
| Product: | WebKit | Reporter: | Jack Doyle <jack> |
| Component: | Animations | Assignee: | Nobody <webkit-unassigned> |
| Status: | RESOLVED WORKSFORME | ||
| Severity: | Normal | CC: | dino, graouts, graouts |
| Priority: | P2 | ||
| Version: | Safari 15 | ||
| Hardware: | Unspecified | ||
| OS: | Unspecified | ||
Jack Doyle
Safari leaves artifacts/chunks of animating element(s) during animation, as if the repaint bounding boxes are miscalculated perhaps?
Here's a thread describing the issue and it includes a CodePen demo:
https://greensock.com/forums/topic/30156-safari-v15-rendering-bug/
The CodePen demo: https://codepen.io/BrianCross/pen/wvqZPEq
If you set will-change: transform it resolves the issue (but of course that shouldn't be necessary).
| Attachments | ||
|---|---|---|
| Add attachment proposed patch, testcase, etc. |
Antoine Quint
This appears to be fixed in STP 139 and Safari in macOS 12.3 Beta. Can you check on this Jack?
Jack Doyle
Indeed it does seem to be fixed in the update, thank you.
Antoine Quint
Thanks for filing the bug and verifying it!