mirror of
https://github.com/RGBCube/serenity
synced 2025-05-23 20:25:08 +00:00
e7f5b5a2f3
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.
15 lines
No EOL
273 B
HTML
15 lines
No EOL
273 B
HTML
<!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> |