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

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!