| Summary: | Rendering issue with resize handle in dark mode | ||||||
|---|---|---|---|---|---|---|---|
| Product: | WebKit | Reporter: | Luke Warlow <lwarlow> | ||||
| Component: | Layout and Rendering | Assignee: | Nobody <webkit-unassigned> | ||||
| Status: | NEW --- | ||||||
| Severity: | Normal | CC: | bfulgham, lwarlow, simon.fraser, webkit-bug-importer, zalan | ||||
| Priority: | P2 | Keywords: | InRadar | ||||
| Version: | Safari 16 | ||||||
| Hardware: | Unspecified | ||||||
| OS: | Unspecified | ||||||
| Attachments: |
|
||||||
Created attachment 466891 [details] Screenshot of output of above URL Load `data:text/html,<div%20class=container><div%20class=content></div></div><style>.container{color-scheme:dark;width:200px;height:200px;overflow-y:scroll;resize:both;background-color:blue;}.content{width:100%;height:200%;background:red}</style>` The resize handle paints with a dark colour against a dark background leading to poor contrast. The scroll corner also incorrectly has a light border to it which is unexpected.