RGBCube/serenity
1
Fork 0
mirror of https://github.com/RGBCube/serenity synced 2025-07-25 21:07:35 +00:00
Code Issues Activity Actions

LibWeb: Fix multi-line flex column layouts with auto height on container

Browse source 
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:
Andreas Kling 2023-04-16 19:48:40 +02:00
parent b9b6037d2b
commit e7f5b5a2f3
3 changed files with 23 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

15
Tests/LibWeb/Layout/input/flex/multi-line-column-container-with-automatic-height.html Normal file
View file

@ -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>