Bug 272583

Summary: Scroll to text fragment highlight style can create unreadable text, especially in dark mode
Product: WebKit Reporter: Robert Flack <flackr>
Component: WebKit Misc.Assignee: Nobody <webkit-unassigned>
Status: NEW    
Severity: Normal CC: a_protyasha, karlcow, megan_gardner, simon.fraser, thorton, webkit-bug-importer, wenson_hsieh
Priority: P2 Keywords: InRadar
Version: Safari 17   
Hardware: Unspecified   
OS: Unspecified   
Attachments:
Description Flags
Appearance of the scroll to text fragment on Safari 17.4.1
none
the highlight and what selection does side by side none

Robert Flack
Reported 2024-04-12 05:39:55 PDT
Created attachment 470891 [details] Appearance of the scroll to text fragment on Safari 17.4.1 I discovered when I was following a link to a steam community guide that on Safari the scroll to text fragment styling wasn't overriding the font color which can result in something nearly unreadable on some sites. For example, if you navigate to the following link: https://steamcommunity.com/sharedfiles/filedetails/?l=german&id=699781872#:~:text=why%20am%20I%20constantly%20losing%20money On chrome, the text color is changed to black which makes the text easily readable against the highlight color. On Safari, the text color is not changed resulting in very little contrast between the highlight and the text as shown in the attached image.
Attachments
Appearance of the scroll to text fragment on Safari 17.4.1 (54.04 KB, image/png)
2024-04-12 05:39 PDT, Robert Flack
no flags
the highlight and what selection does side by side (50.11 KB, image/png)
2024-04-16 02:03 PDT, Karl Dubost
no flags
Karl Dubost
Comment 1 2024-04-16 02:03:10 PDT
Created attachment 470935 [details] the highlight and what selection does side by side Here I added a selection just beside to show the difference. That's a good point.
Radar WebKit Bug Importer
Comment 2 2024-04-16 02:03:35 PDT
Note You need to log in before you can comment on or make changes to this bug.