1926577 - Inconsistent/disappearing underline of text when transform on container

Status: RESOLVED DUPLICATE of bug 1796718

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

Description

[thijslol]

Attachment: Screenshot 2024-10-23 at 15.16.31.png

User Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10.15; rv:131.0) Gecko/20100101 Firefox/131.0

Steps to reproduce:

Make a couple paragraphs with <u> tags and text within. Then put a <div> container around it and give it a transform. https://codesandbox.io/p/sandbox/patient-dream-95zs6z

Actual results:

The underlines are inconsistent, they are getting cut off or are invisible.

Expected results:

Each line should have a consistent underline.

Comment 1

[BugBot [:suhaib / :marco/ :calixte]]

The Bugbug bot thinks this bug should belong to the 'Core::Layout: Text and Fonts' component, and is moving the bug to that component. Please correct in case you think the bot is wrong.

Comment 2

[Mayank Bansal]

lokks very similar to bug 1926120. I am duping it over, but please undupe if you disagree.

Comment 3

[Mayank Bansal]

sorry, wrong bug. My bad.

Comment 4

[Daniel Holbert [:dholbert]]

Thanks for the bug report! This is a known issue, caused by the downscaling portion of the transform (0.471554, 0, 0, 0.471554 in your testcase's transform-matrix, equivalent to scale(0.471554), and it's tracked in bug 1796718. Though as noted there, it's really a special case of bug 1258112.