Bug 220548 - Hairline on selection when bidi text is involved
Summary: Hairline on selection when bidi text is involved
Status: RESOLVED FIXED
Alias: None
Product: WebKit
Classification: Unclassified
Component: Layout and Rendering (show other bugs)
Version: Safari 14
Hardware: Unspecified Unspecified
: P2 Normal
Assignee: zalan
URL:
Keywords: InRadar
Depends on:
Blocks:
 
Reported: 2021-01-12 10:30 PST by Ebrahim Byagowi
Modified: 2023-01-29 13:39 PST (History)
12 users (show)

See Also:


Attachments
hairline on selection (18.32 KB, image/png)
2021-01-12 10:30 PST, Ebrahim Byagowi
no flags Details
Hairlines (5.51 MB, video/quicktime)
2023-01-26 22:53 PST, Ebrahim Byagowi
no flags Details
no shrink selection rect (758.55 KB, image/png)
2023-01-27 07:48 PST, zalan
no flags Details
Patch (2.59 KB, patch)
2023-01-28 08:08 PST, zalan
no flags Details | Formatted Diff | Diff
Patch (2.65 KB, patch)
2023-01-28 10:27 PST, zalan
no flags Details | Formatted Diff | Diff
Patch (4.65 KB, patch)
2023-01-29 08:57 PST, zalan
ews-feeder: commit-queue-
Details | Formatted Diff | Diff

Note You need to log in before you can comment on or make changes to this bug.
Description Ebrahim Byagowi 2021-01-12 10:30:02 PST
Created attachment 417468 [details]
hairline on selection

Steps to reproduce:
Open
data:text/html;charset=utf8,<div>نوامبر%2020
select all of the text and zoom in with pinch to zoom to see the issue better

Expected:
A clear selection, like Firefox and Chrome

Actual:
Spotting a white hairline on selection

More of different kinds of such hairlines can be easily spotted when opening https://fa.wikipedia.org/ and pressing ⌘+A perhaps we should reach to them one by one if they are not of the same root.
Comment 1 Radar WebKit Bug Importer 2021-01-19 10:30:42 PST
<rdar://problem/73362060>
Comment 2 Ebrahim Byagowi 2021-02-24 12:41:40 PST
This one doesn't involve bidi,

data:text/html;charset=utf8,<span%20style="font-family:sans-serif"><span%20lang="ja">フレンズ</span>,
Comment 3 Ebrahim Byagowi 2022-10-08 00:14:35 PDT
This one still exists, just for the polishment worth to have a look I'd guess.
Comment 4 Ebrahim Byagowi 2023-01-26 22:53:08 PST
Created attachment 464685 [details]
Hairlines

@zalan, this will be a nice polish to have I believe, the screen cast shows how reliably one can see hairlines on Persian Wikipedia's homepage, https://fa.wikipedia.org other than minimal tests I've brought it.
Comment 5 zalan 2023-01-27 07:25:06 PST
(In reply to Ebrahim Byagowi from comment #4)
> Created attachment 464685 [details]
> Hairlines
> 
> @zalan, this will be a nice polish to have I believe, the screen cast shows
> how reliably one can see hairlines on Persian Wikipedia's homepage,
> https://fa.wikipedia.org other than minimal tests I've brought it.
:| this is an unfortunate side effect of how we measure text at soft wrap opportunity boundaries and happily join such "runs" without remeasuring them ignoring kerning (and ligature) adjustments.

let's take the following example:
<span>ンズ</span>text
we form the following "runs" at soft wrap opportunities and measure them individually before line breaking
[ン] -> 16px
[ズ] -> 16px
[text] -> 42px
Later as we form the line, we merge [ン][ズ] into one run. This run now has the width of 32px but with potential kerning (and ligature) it may very well be (slightly) incorrect.
When we get to selection painting (as background decoration) we have the following runs:
[ンズ] -> left 0px, right 32px
[text] -> left 32px, right 74px
Now we want to be precise with the selection boundaries, so we call FontCascade::adjustSelectionRectForText() on these individual runs and due to kerning (and ligature) we may see a (slightly) different widths this time (note that we measure ンズ as one continuous run this time) 
[ンズ] -> 31.12px (and with directional pixel snapping -> 31.5px)
[text] -> 42px

and we paint selection at the following positions 
  from 0px to 31.5px
and
  from 42px to 74px

which ends up producing a hairline gap.

Now the correct fix is to never simply sum individual run widths when merging, but it has some performance (and line breaking cycle) implications afaict.
The more practical fix may be to never shrink selection rect through this adjustment. Need to do some code reading first.
Comment 6 zalan 2023-01-27 07:48:13 PST
Created attachment 464688 [details]
no shrink selection rect

This is what the selection on the wiki page looks like after not letting the selection rect shrink.
Comment 7 Ebrahim Byagowi 2023-01-27 08:41:11 PST
> Need to do some code reading first.

Oh, that just sounds fantastic, now that I know this problem had reached into good hands, I won't make any noise about it anymore as I indeed understand something to not happen in favor of performance given current infrastructure and code architecture. Thanks 😊
Comment 8 zalan 2023-01-28 08:08:40 PST
Created attachment 464701 [details]
Patch
Comment 9 Ebrahim Byagowi 2023-01-28 09:17:07 PST
> Patch 

The patch works flawlessly when applied upon current tip of tree (ca0fcb99), and I'm hopeful it can be landed, thank you very much! 😊
Comment 10 zalan 2023-01-28 10:20:56 PST
(In reply to Ebrahim Byagowi from comment #9)
> > Patch 
> 
> The patch works flawlessly when applied upon current tip of tree (ca0fcb99),
> and I'm hopeful it can be landed, thank you very much! 😊
Thank you!
Comment 11 zalan 2023-01-28 10:27:39 PST
Created attachment 464702 [details]
Patch
Comment 12 Ebrahim Byagowi 2023-01-28 21:16:31 PST
> Patch

Just wanted to let you know I've tested the updated version of the patch also, awesome! 😊
Comment 13 zalan 2023-01-29 08:57:14 PST
Created attachment 464741 [details]
Patch
Comment 14 zalan 2023-01-29 08:57:39 PST
Same patch (now with a test case)
Comment 15 EWS 2023-01-29 12:31:51 PST
Committed 259537@main (df25b495844d): <https://commits.webkit.org/259537@main>

All reviewed patches have been landed. Closing bug and clearing flags on attachment 464741 [details].