Bug 213308 - Gap in selection highlight between adjacent inlines with mixed or right-to-left writing directions
Summary: Gap in selection highlight between adjacent inlines with mixed or right-to-le...
Status: NEW
Alias: None
Product: WebKit
Classification: Unclassified
Component: Layout and Rendering (show other bugs)
Version: Safari 13
Hardware: Unspecified Unspecified
: P2 Normal
Assignee: Nobody
URL: data:text/html,B<bdo%20dir=rtl>B</spa...
Keywords: InRadar
Depends on:
Blocks:
 
Reported: 2020-06-17 11:10 PDT by mitz
Modified: 2020-07-07 20:03 PDT (History)
5 users (show)

See Also:

Attachments
Screenshot (55.50 KB, image/png)
2020-06-17 11:10 PDT, mitz 		no flags Details
View All Add an attachment (proposed patch, testcase, etc.)

Note You need to log in before you can comment on or make changes to this bug.
Description mitz 2020-06-17 11:10:39 PDT 
Created attachment 402134 [details]
Screenshot

To reproduce this bug:
1. In Safari with the default font settings, navigate to the URL

Result:
There is a one-pixel gap in the selection highlight between the two letters.

Notes:
Whether or not this happens in a given case depends on fonts, size, and the widths of individual strings, but I observe this frequently on webpages with bidirectional text.
Comment 1 Radar WebKit Bug Importer 2020-06-17 18:25:42 PDT 
<rdar://problem/64472016>
Comment 2 mitz 2020-07-07 20:02:17 PDT 
Also happens when all inlines are right-to-left, for example in
<bdo dir="rtl"><span>A</span><span>B</span><span>A</span><span>B</span><span>A</span><span>B</span></bdo>
Comment 3 mitz 2020-07-07 20:03:24 PDT 
In the above example you can see both a gap and some one-pixel overlaps where the highlight is darker.