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)
Core
Layout
Tracking
()
VERIFIED
FIXED
mozilla70
People
(Reporter: kohei, Assigned: dbaron)
References
(Regression, )
Details
(Keywords: regression, site-compat)
Attachments
(2 files)
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.
Reporter | ||
Updated•7 years ago
|
Has Regression Range: --- → yes
Has STR: --- → yes
Flags: needinfo?(dbaron)
Reporter | ||
Comment 1•7 years ago
|
||
[Tracking Requested - why for this release]: One of various layout regressions from Bug 1308876.
tracking-firefox58:
--- → ?
Updated•7 years ago
|
Updated•7 years ago
|
Priority: -- → P3
Reporter | ||
Updated•7 years ago
|
Updated•7 years ago
|
Reporter | ||
Comment 4•6 years ago
|
||
The situation has slightly improved, but still broken.
Reporter | ||
Updated•6 years ago
|
Assignee | ||
Comment 5•5 years ago
|
||
This is not fixed by bug 1474771, so it needs further investigation.
Assignee | ||
Comment 6•5 years ago
|
||
Will be fixed by bug 1420528.
Assignee: nobody → dbaron
Status: NEW → ASSIGNED
Assignee | ||
Comment 7•5 years ago
|
||
Fixed by landing of bug 1420528.
Status: ASSIGNED → RESOLVED
Closed: 5 years ago
status-firefox70:
--- → fixed
Resolution: --- → FIXED
Target Milestone: --- → mozilla70
Updated•5 years ago
|
status-firefox68:
--- → wontfix
status-firefox69:
--- → wontfix
status-firefox-esr60:
--- → wontfix
status-firefox-esr68:
--- → wontfix
Reporter | ||
Comment 8•5 years ago
|
||
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.
Description
•