Open Bug 1790464 Opened 2 years ago Updated 9 months ago

:after content is placed under inline-block with newlines in Firefox, but to its right in Chrome

Categories

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

defect

Tracking

()

People

(Reporter: twisniewski, Unassigned)

References

()

Details

Attachments

(1 file)

Attached file testcase.html

In the attached test-case, the newlines in the <span> seem to cause Firefox to place the red :after block underneath the text. Chrome does not do this; the :after box is on the right of the inline-block.

This is triggering the chevrons on the menu at this investor.vanguard.com page to be mispositioned in Firefox (as reported at webcompat.com).

I wonder if this is related to bug 1789513

Somehow the empty placeholder doesn't fit in the previous line? That's a bit odd. Should repro with any abspos content.

Component: Layout: Generated Content, Lists, and Counters → Layout: Block and Inline
Flags: needinfo?(emilio)
Severity: -- → S3

The webcompat issue is no longer reproducible, as the site has changed their design. Can still see the difference in the testcase, so keeping this open.

Flags: needinfo?(emilio)
You need to log in before you can comment on or make changes to this bug.

Attachment

General

Created:
Updated:
Size: