Bug 258765 - Rendering issue with resize handle in dark mode
Summary: Rendering issue with resize handle in dark mode
Status: NEW
Alias: None
Product: WebKit
Classification: Unclassified
Component: Layout and Rendering (show other bugs)
Version: Safari 16
Hardware: Unspecified Unspecified
: P2 Normal
Assignee: Nobody
URL:
Keywords: InRadar
Depends on:
Blocks:
 
Reported: 2023-07-01 05:11 PDT by Luke Warlow
Modified: 2023-07-08 05:12 PDT (History)
5 users (show)

See Also:


Attachments
Screenshot of output of above URL (537 bytes, image/png)
2023-07-01 05:11 PDT, Luke Warlow
no flags Details

Note You need to log in before you can comment on or make changes to this bug.
Description Luke Warlow 2023-07-01 05:11:28 PDT
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.
Comment 1 Radar WebKit Bug Importer 2023-07-08 05:12:15 PDT
<rdar://problem/111951128>