Content of ::before/after pseudo elements randomly disappears when display:inline-block and float are used

VERIFIED FIXED in Firefox 70

Status

()

defect
P3
normal
VERIFIED FIXED
2 years ago
5 days ago

People

(Reporter: kohei, Assigned: dbaron)

Tracking

(Regression, {regression, site-compat})

Trunk
mozilla70
Points:
---
Dependency tree / graph

Firefox Tracking Flags

(firefox-esr52 unaffected, firefox-esr60 wontfix, firefox-esr68 wontfix, firefox56 wontfix, firefox57 wontfix, firefox58+ wontfix, firefox68 wontfix, firefox69 wontfix, firefox70 fixed)

Details

()

Attachments

(2 attachments)

Posted image Screenshot
I've found an interesting layout regression on my Firefox Site Compatibility site, ironically. The following regression range suggests Bug 1308876 as the culprit.

https://hg.mozilla.org/integration/mozilla-inbound/pushloghtml?fromchange=e6e712904806da25a9c8f48ea4533abe7c6ea8f4&tochange=d6bf703c5deaf1e328babd03d5e68ff2a4ffe10e

STR:

Visit https://www.fxsitecompat.com/en-CA/docs/

Actual:

The list bullet arrows are randomly invisible

Expected:

All list bullet arrows are visible

The code:

> ul li::before {
>   display: inline-block;
>   float: left;
>   margin-left: -16px;
>   font-family: 'FontAwesome';
>   content: '\F0DA';
> }

When you disable float:left using DevTools, all the arrows will appear. Otherwise, _some_ arrows disappear. Not sure about the condition of the difference.
Has Regression Range: --- → yes
Has STR: --- → yes
Flags: needinfo?(dbaron)
[Tracking Requested - why for this release]: One of various layout regressions from Bug 1308876.
Track 58+ as regression.
Priority: -- → P3
Clearing ni as per Bug 1308876 Comment 66.
Flags: needinfo?(dbaron)
The situation has slightly improved, but still broken.
No longer regressed by: 1308876
No longer blocks: 1308876
Regressed by: 1308876

This is not fixed by bug 1474771, so it needs further investigation.

Will be fixed by bug 1420528.

Assignee: nobody → dbaron
Status: NEW → ASSIGNED
Status: ASSIGNED → RESOLVED
Closed: 16 days ago
Resolution: --- → FIXED
Target Milestone: --- → mozilla70

On Nightly https://www.fxsitecompat.dev/en-CA/docs/ now looks good to me. Thanks for fixing this!

Status: RESOLVED → VERIFIED
You need to log in before you can comment on or make changes to this bug.