Using overflow:auto with flex align-items:center, wraps item text to second line
Categories
(Core :: Layout: Flexbox, defect)
Tracking
()
People
(Reporter: danhughes, Unassigned)
Details
Attachments
(1 file)
|
2.79 KB,
text/html
|
Details |
User Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:72.0) Gecko/20100101 Firefox/72.0
Steps to reproduce:
Set overflow-y:auto on div within flex container that has align-items:center.
Tested on:
Firefox 72.0.2
Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:72.0) Gecko/20100101 Firefox/72.0
Firefox Developer 73.0b12
Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:73.0) Gecko/20100101 Firefox/73.0
Actual results:
Item text, for the longest items, is wrapped on to the next line
Expected results:
It should behave the same way as overflow-y:scroll and keep the text on one line
|
||
Comment 1•4 years ago
|
||
Thanks for the report! This sounds like a version of bug 764076 -- Firefox's intrinsic sizing behavior for overflow:auto elements does not reserve space for the (optional/initially-unknown-if-present) scrollbar.
Description
•