Bug 232272

Summary: The background-color set on body gets drawn on top of the background-color set on html when overscrolling
Product: WebKit Reporter: Bramus <bramus>
Component: CSSAssignee: Nobody <webkit-unassigned>
Status: NEW    
Severity: Normal CC: rik, simon.fraser, tomac, webkit-bug-importer, zalan
Priority: P2 Keywords: InRadar
Version: Safari Technology Preview   
Hardware: Unspecified   
OS: Unspecified   
Attachments:
Description Flags
Comparison of current behavior in Chrome 95, Firefox 95, and Safari 15 none

Bramus
Reported 2021-10-25 14:30:34 PDT
Created attachment 442418 [details] Comparison of current behavior in Chrome 95, Firefox 95, and Safari 15 See demo https://cdpn.io/bramus/debug/BadWjOG This page has: - The html background-color set to blue - The body background-color set to lime - A full-page div with a its background-color set to hotpink When overscrolling, the color peeking through from underneath the hotpink-div is: - Blink/Chromium: blue - Gecko/Firefox: blue - WebKit/Safari: lime Feels like this should be blue, as it's the html element that's overscrolling. All other browser also show the blue. See video for a comparison: Chrome 95 vs Firefox 95 vs Safari 15
Attachments
Comparison of current behavior in Chrome 95, Firefox 95, and Safari 15 (72.92 KB, video/mp4)
2021-10-25 14:30 PDT, Bramus 		no flags
Details
View All Add attachment proposed patch, testcase, etc.
Radar WebKit Bug Importer
Comment 1 2021-11-01 14:31:49 PDT
<rdar://problem/84899558>
Note You need to log in before you can comment on or make changes to this bug.