Bug 232272 - The background-color set on body gets drawn on top of the background-color set on html when overscrolling
Summary: The background-color set on body gets drawn on top of the background-color se...
Status: NEW
Alias: None
Product: WebKit
Classification: Unclassified
Component: CSS (show other bugs)
Version: Safari Technology Preview
Hardware: Unspecified Unspecified
: P2 Normal
Assignee: Nobody
URL:
Keywords: InRadar
Depends on:
Blocks:
 
Reported: 2021-10-25 14:30 PDT by Bramus
Modified: 2021-11-01 14:31 PDT (History)
5 users (show)

See Also:

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 an attachment (proposed patch, testcase, etc.)

Note You need to log in before you can comment on or make changes to this bug.
Description Bramus 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
Comment 1 Radar WebKit Bug Importer 2021-11-01 14:31:49 PDT 
<rdar://problem/84899558>