| Summary: | color-scheme should not propagate to viewport background if set on <body> | ||||||||
|---|---|---|---|---|---|---|---|---|---|
| Product: | WebKit | Reporter: | Aditya Keerthi <akeerthi> | ||||||
| Component: | CSS | Assignee: | Tim Nguyen (:ntim) <ntim> | ||||||
| Status: | RESOLVED FIXED | ||||||||
| Severity: | Normal | CC: | karlcow, ntim, webkit-bug-importer | ||||||
| Priority: | P2 | Keywords: | BrowserCompat, InRadar | ||||||
| Version: | Other | ||||||||
| Hardware: | Unspecified | ||||||||
| OS: | Unspecified | ||||||||
| Attachments: |
|
||||||||
|
Description
Aditya Keerthi
2022-08-09 17:31:22 PDT
Created attachment 461512 [details]
reduction
Created attachment 461513 [details]
comparison
Firefox & Chrome's behavior are correct here, `color-scheme: light dark` is set on `<body>`. The page background is provided the viewport, so the <html> tag. If you set `color-scheme: light dark` on `<html>`, then the behavior is the same across browsers. As for the scrollbar, I believe Firefox simply doesn't adjust the scrollbar based on color-scheme (but does adjust based on the `scrollbar-color` property which Chrome & WebKit don't support). I think the only actionable item here is the viewport background & <body> interaction. Pull request: https://github.com/WebKit/WebKit/pull/3440 Committed 253565@main (cbdcbdd4e8f1): <https://commits.webkit.org/253565@main> Reviewed commits have been landed. Closing PR #3440 and removing active labels. |