Bug 216220

Summary: Gaps in gradient background when resizing page
Product: WebKit Reporter: Ricci Adams <webkit.org>
Component: CSSAssignee: Nobody <webkit-unassigned>
Status: RESOLVED MOVED    
Severity: Major CC: simon.fraser, webkit-bug-importer, zalan
Priority: P2 Keywords: InRadar
Version: Safari 13   
Hardware: Mac   
OS: macOS 10.15   
Attachments:
Description Flags
Video of rendering issue
none
Test HTML file
none
Video of rendering issue
none
System Information none

Description Ricci Adams 2020-09-05 17:18:40 PDT
Created attachment 408106 [details]
Video of rendering issue

Visible gaps appear in a div styled with `background: linear-gradient(…)` when resizing the page or when the page becomes inactive. This appears to be some kind of optimization gone wrong.

See attached HTML file and screen recording.
Comment 1 Ricci Adams 2020-09-05 17:19:03 PDT
Created attachment 408107 [details]
Test HTML file
Comment 2 Ricci Adams 2020-09-05 17:21:34 PDT
Created attachment 408108 [details]
Video of rendering issue
Comment 3 Ricci Adams 2020-09-05 17:22:48 PDT
Created attachment 408109 [details]
System Information
Comment 4 Radar WebKit Bug Importer 2020-09-08 09:58:14 PDT
<rdar://problem/68514057>
Comment 5 Alexey Proskuryakov 2020-09-08 09:59:38 PDT
I cannot reproduce this with Safari 14 beta on a 16" Mac Book Pro.
Comment 6 Simon Fraser (smfr) 2020-09-08 10:31:15 PDT
This is a GPU driver bug. It's being tracked internally.
Comment 7 Ricci Adams 2020-09-08 14:29:56 PDT
Simon - are there any workarounds or can it be revealed which GPUs are affected? Thanks!