NEW 227576
Tiled layer flashing during animation 
https://bugs.webkit.org/show_bug.cgi?id=227576
Summary Tiled layer flashing during animation
bdc
Reported 2021-07-01 02:51:32 PDT
The background of the top bar on the following test page should always stay yellow, yet the black background flashes on every animation iteration: http://sharedfil.es/M97qw2Khn.html This bug only happens in Safari (macOS, iOS and iPadOS), and it's apparently caused by the linear gradient. If you replace the gradient by a simple background:yellow, the bug doesn't occur. It's also worth noting the bug only happens when the viewport is fairly large (I don't have an exact number but I'd say > 1000px on macOS, and only in landscape mode on iOS). I recently stumbled upon similar bugs with different use cases, all of them being caused by a background gradient. Disabling the gradients always fixes the bugs.
Attachments
Test case (352 bytes, text/html)
2021-07-05 07:20 PDT, bdc 		no flags
Details
Test case (508 bytes, text/html)
2021-07-06 20:53 PDT, Simon Fraser (smfr) 		no flags
Details
Show Obsolete (1) View All Add attachment proposed patch, testcase, etc.
Radar WebKit Bug Importer
Comment 1 2021-07-01 04:38:22 PDT
<rdar://problem/80017451>
Simon Fraser (smfr)
Comment 2 2021-07-01 08:37:16 PDT
Tiled layer flashes.
Simon Fraser (smfr)
Comment 3 2021-07-01 11:12:18 PDT
> If you replace the gradient by a simple background:yellow Because color backgrounds fall into a different compositing code path.
bdc
Comment 4 2021-07-05 07:20:52 PDT
Created attachment 432883 [details] Test case Here's another, simplified test case. This seems like a pretty critical bug to me as Safari simply won't animate anything that has a background-image on it.
Simon Fraser (smfr)
Comment 5 2021-07-06 20:49:24 PDT
That last one is different. I moved it to bug 227733.
Simon Fraser (smfr)
Comment 6 2021-07-06 20:53:20 PDT
Created attachment 433004 [details] Test case Test case shows missing tiles when the animation resets (making it 'alternate' fixes the bug).
Note You need to log in before you can comment on or make changes to this bug.