1461207 - Interrupt underline where text crosses it, to avoid striking through descenders

Status: RESOLVED DUPLICATE of bug 1019448

(Core :: Layout: Block and Inline, enhancement)

Description

[u450280]

User Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:61.0) Gecko/20100101 Firefox/61.0
Build ID: 20180510160705

Steps to reproduce:

This is a feature currently available in Google Chrome, and which I would love to see in Firefox as well. To see what I mean, here's the exact page where I noticed how nicely Chrome handles this situation.

https://en.wikipedia.org/w/index.php?title=User_talk:Pomac30&oldid=841031519#Proposed_deletion_of_Kortney_Kane

Hovering your mouse over "Kortney Kane" will underline the text. Doing so in Chrome avoids underlining the "y", which would otherwise be partly striked through by the underline. Firefox currently just mindlessly ignores this typography detail.

Here's another page I had printed today with Chrome:

https://beej.us/guide/bgnet/html/single/bgnet.html

It's the table of contents that makes the difference obvious. Wherever text crosses the underline, the underline is interrupted to avoid having a negative impact on legibility. There might be languages (Arabic perhaps?) containing horizontal lines that look really bad when wrongly striked through.


Actual results:

 


Expected results:

Comment 1

[u450280]

Attachment: firefox-bad.png

Bad example: Firefox

Comment 2

[u450280]

Attachment: chrome-good.png

Good Example: Chrome