Bug 236316 - Rendering artifacts during animation
Summary: Rendering artifacts during animation
Status: RESOLVED WORKSFORME
Alias: None
Product: WebKit
Classification: Unclassified
Component: Animations (show other bugs)
Version: Safari 15
Hardware: Unspecified Unspecified
: P2 Normal
Assignee: Nobody
URL:
Keywords:
Depends on:
Blocks:
 
Reported: 2022-02-08 10:46 PST by Jack Doyle
Modified: 2022-02-08 13:04 PST (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 Jack Doyle 2022-02-08 10:46:58 PST 
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).
Comment 1 Antoine Quint 2022-02-08 11:39:15 PST 
This appears to be fixed in STP 139 and Safari in macOS 12.3 Beta. Can you check on this Jack?
Comment 2 Jack Doyle 2022-02-08 12:02:20 PST 
Indeed it does seem to be fixed in the update, thank you.
Comment 3 Antoine Quint 2022-02-08 13:04:53 PST 
Thanks for filing the bug and verifying it!