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)
Core
Layout: Block and Inline
Tracking
()
NEW
People
(Reporter: twisniewski, Unassigned)
References
()
Details
Attachments
(1 file)
299 bytes,
text/html
|
Details |
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).
Reporter | ||
Comment 1•2 years ago
|
||
I wonder if this is related to bug 1789513
Comment 2•2 years ago
|
||
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)
Updated•2 years ago
|
Severity: -- → S3
Comment 3•10 months ago
|
||
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.
Updated•9 months ago
|
Flags: needinfo?(emilio)
You need to log in
before you can comment on or make changes to this bug.
Description
•