1700059 - Facebook (business) Page - Overview - Export data hyperlink line not bellow text

Status: RESOLVED DUPLICATE of bug 1584348

(Core :: Layout: Text and Fonts, defect)

Description

[Cristian Fogel [:cfogel]]

Attachment: exportme.gif

Affected versions

• 88.0a1(2020-03-18), 87.0;

Affected platforms

• Win10, macOS 10.15;

Steps to reproduce

1. Launch Firefox with a (business page) created;
2. Click on the Overview section;
3. Hover over links (Export data);

Expected result

• link indicators are properly displayed;

Actual result

• link indicator appears cut and not right under the text;

Regression range

• considered "good" previous variation of this, in which the line was in front of the text; not ideal implementation either but might help with debugging:
• First bad: 2019-09-02;
• Last good: 2019-09-01;
• Pushlog: URL;

Additional notes

• attached gif to best illustrate the issue; other links show the bottom line a bit more and not have the text as much over it.

Comment 1

[Cristian Fogel [:cfogel]]

Attachment: Screenshot_2.png

Attaching an additional image for identifying section.

Comment 2

[Jonathan Kew [:jfkthame]]

I don't have a facebook business page to confirm this, but I'm pretty certain this is a site bug, not a Firefox issue. They've applied the underline to a parent element of the text, and probably used a vertical-align property that then shifts the text slightly relative to the element that has the line. Result is that the line clashes with the glyphs, and skip-ink makes it break up.

See bug 1584348 and dupes for other similar examples, and more discussion of the issue.

There are open bugs against both webkit and blink because they place the underline incorrectly per CSS spec in these cases, and that's why authors who are only testing in Chrome don't see the issue.