Closed
Bug 1736125
Opened 3 years ago
Closed 3 years ago
Incorrect layout of flex items
Categories
(Core :: Layout: Flexbox, defect)
Core
Layout: Flexbox
Tracking
()
VERIFIED
DUPLICATE
of bug 362880
People
(Reporter: cbrewster, Unassigned)
Details
Attachments
(1 file)
|
55.50 KB,
image/png
|
Details |
Screen Shot 2021-10-15 at 7.15.16 PM.png
Test case: https://flexbug.connorbrewster.repl.co/
In Firefox the loading icon on the button is layed out right on the edge of the button, whereas in Chrome and Safari the loading indicator has some spacing from the left edge of the button.
The issue seem to go away if text-transform: uppercase; is removed from the first-letter psuedo element of the "Working" span.
Flags: needinfo?(emilio)
|
||
Comment 1•3 years ago
|
||
Ugh, I believe this is just a (super-old) bug about ::first-letter reporting the intrinsic size of the lowercase rather than uppercase letter on the first reflow. Daniel, can you confirm?
Status: NEW → RESOLVED
Closed: 3 years ago
Flags: needinfo?(emilio) → needinfo?(dholbert)
Resolution: --- → DUPLICATE
|
||
Comment 2•3 years ago
|
||
Yup, I agree - looks like a version of that bug.
Status: RESOLVED → VERIFIED
Flags: needinfo?(dholbert)
You need to log in
before you can comment on or make changes to this bug.
Description
•