Closed Bug 1411799 Opened 7 years ago Closed 5 years ago

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

Categories

(Core :: Layout, defect, P3)

defect

Tracking

()

VERIFIED FIXED
mozilla70
Tracking Status
firefox-esr52 --- unaffected
firefox-esr60 --- wontfix
firefox-esr68 --- wontfix
firefox56 --- wontfix
firefox57 --- wontfix
firefox58 + wontfix
firefox68 --- wontfix
firefox69 --- wontfix
firefox70 --- fixed

People

(Reporter: kohei, Assigned: dbaron)

References

(Regression, )

Details

(Keywords: regression, site-compat)

Attachments

(2 files)

Attached image Screenshot (deleted) —
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)
Attached image Screenshot on Firefox 63 Nightly (deleted) —
The situation has slightly improved, but still broken.
Regressed by: 1308876
No longer regressed by: 1308876
No longer blocks: 1308876
Regressed by: 1308876

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

Depends on: 1420528

Will be fixed by bug 1420528.

Assignee: nobody → dbaron
Status: NEW → ASSIGNED
Status: ASSIGNED → RESOLVED
Closed: 5 years 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.

Attachment

General

Creator:
Created:
Updated:
Size: