mirror of
https://github.com/RGBCube/serenity
synced 2025-07-25 21:07:35 +00:00
LibWeb: Fix multi-line flex column layouts with auto height on container
When sizing a flex container with flex-direction:column under a max-content height constraint, we were incorrectly truncating the infinite available height to 0 when collecting flex items into lines. This caused us to put every flex item in its own flex line, which is the complete opposite of what we want during max-content intrinsic sizing, as the layout would grow wide but not tall.
This commit is contained in:
parent
b9b6037d2b
commit
e7f5b5a2f3
3 changed files with 23 additions and 1 deletions
|
@ -0,0 +1,15 @@
|
|||
<!doctype html><style>
|
||||
* {
|
||||
border: 1px solid black;
|
||||
}
|
||||
.flexbox {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
flex-wrap: wrap;
|
||||
width: 200px;
|
||||
}
|
||||
.flexbox > div {
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
}
|
||||
</style><div class="flexbox"><div></div><div></div><div></div>
|
Loading…
Add table
Add a link
Reference in a new issue