Item overflow to second column (using "columns" CSS property)
Categories
(Core :: CSS Parsing and Computation, defect)
Tracking
()
People
(Reporter: juraj.masiar, Unassigned)
References
(Depends on 1 open bug)
Details
Attachments
(1 file)
|
15.79 KB,
image/png
|
Details |
padding_overflow.png
User Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:130.0) Gecko/20100101 Firefox/130.0
Steps to reproduce:
- open page:
https://codesandbox.io/p/sandbox/broken-columns-padding-9gnpj5?file=%2Findex.html - observe top of the second column
Actual results:
The last item in the first column is overflowing to the second column.
See also attached screenshot for example.
Expected results:
It should not overflow.
Open the page in Chromium where it works fine.
|
||
Comment 1•6 months ago
|
||
The Bugbug bot thinks this bug should belong to the 'Core::CSS Parsing and Computation' component, and is moving the bug to that component. Please correct in case you think the bot is wrong.
|
Reporter | |
Comment 2•6 months ago
|
||
Thanks David!
I've read the thread (somewhat) and by adding break-inside: avoid-column I've managed to fix the issue.
Although I have no idea what it does :D, even after reading MDN: Avoids any column break within the principal box. (I see, the principal box... LOL!)
Description
•