1789513 - Firefox does not position inline ::after content, after the content if a line break occurs

Status: NEW

(Core :: Layout: Generated Content, Lists, and Counters, defect)

Description

[Thomas Wisniewski [:twisniewski]]

Attachment: testcase.html

See the attached test-case. If a line-wrap occurs in the element, Firefox will place the red box (::after content) at the start of the gray anchor's text, not after it. Chrome and Safari seem to always place it after the content.

This is causing the arrows on the right side of the table at the Australian USA embassy's passport locations page to overlap the text, depending on whether the text wraps, as reported on webcompat.com.

Comment 1

[David Shin[:dshin]]

(Note - on Ubuntu 20.04, the font chosen doesn't cause the line-wrap. Adjusting font size/putting the entire text into the anchor tag reproduces the behaviour)

Triggering this behaviour on debug build emits a warning message

Comment 2

[Ksenia Berezina [:ksenia]]

The site design has changed, so the original issue is not reproducible anymore, but the difference in the testcase is still present, at least on MacOS, so keeping this open.