NEW309047
Tall `::selection` eats into its background on subsequent lines 
https://bugs.webkit.org/show_bug.cgi?id=309047
Summary Tall `::selection` eats into its background on subsequent lines
Ana Tudor
Reported 2026-03-02 23:40:48 PST
Created attachment 478544 [details] the selection in Epiphany Live test: https://codepen.io/thebabydino/pen/qEaOywL - the text has a low line height to make the problem more obvious Try selecting text from the second line on. The upper part of the selection of every line but the first one seems clipped out, exactly from the level where the selection background of the previous line ends. I could only test this via Epiphany, but it's been confirmed the same happens in actual Safari: 🦣 https://mastodon.social/@anatudor/116161409305652545 🦋 https://bsky.app/profile/anatudor.bsky.social/post/3mg42stntgc2i This does not happen in Chrome or Firefox, where the selection is tall on every line (and paints over the letters of the previous line, but at least that's fixable by setting a semi-transparent `::selection` background + an SVG `filter` on the element to recover the previous line letters half seen through the semi-transparent selection and place them on top of it; a selection clipped at the top from the second line on isn't something I can hack my way around).
Attachments
the selection in Epiphany (22.19 KB, image/png)
2026-03-02 23:40 PST, Ana Tudor 		no flags
Details
View All Add attachment proposed patch, testcase, etc.
Radar WebKit Bug Importer
Comment 1 2026-03-10 00:41:09 PDT
<rdar://problem/172160711>
Note You need to log in before you can comment on or make changes to this bug.