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:

CSS

Assignee:

Nobody <webkit-unassigned>

Status:

NEW ---

Severity:

Normal

CC:

rik, simon.fraser, tomac, webkit-bug-importer, zalan

Priority:

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

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>