Bug 258765

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:

Keywords:

InRadar

Version:

Safari 16

Hardware:

Unspecified

OS:

Unspecified

Attachments:

Description	Flags
Screenshot of output of above URL	none

Luke Warlow

Reported 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.

Attachments
Screenshot of output of above URL (537 bytes, image/png) 2023-07-01 05:11 PDT, Luke Warlow	no flags	Details
View All Add attachment proposed patch, testcase, etc.

Radar WebKit Bug Importer

Comment 1 2023-07-08 05:12:15 PDT

<rdar://problem/111951128>

Note You need to log in before you can comment on or make changes to this bug.