diff options
| author | Andreas Kling <kling@serenityos.org> | 2023-04-16 19:48:40 +0200 |
|---|---|---|
| committer | Andreas Kling <kling@serenityos.org> | 2023-04-16 21:45:15 +0200 |
| commit | e7f5b5a2f381e7677429edc8320d0257ef7fc1c7 (patch) | |
| tree | eb1d4e0c2234f7f829ddea703e07a7755ae108da /Tests/LibWeb/Layout/input/flex | |
| parent | b9b6037d2ba312d5e31a7c10f0e9874a96d67936 (diff) | |
| download | serenity-e7f5b5a2f381e7677429edc8320d0257ef7fc1c7.zip | |
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.
Diffstat (limited to 'Tests/LibWeb/Layout/input/flex')
| -rw-r--r-- | Tests/LibWeb/Layout/input/flex/multi-line-column-container-with-automatic-height.html | 15 |
1 files changed, 15 insertions, 0 deletions
diff --git a/Tests/LibWeb/Layout/input/flex/multi-line-column-container-with-automatic-height.html b/Tests/LibWeb/Layout/input/flex/multi-line-column-container-with-automatic-height.html new file mode 100644 index 0000000000..2df2347fbe --- /dev/null +++ b/Tests/LibWeb/Layout/input/flex/multi-line-column-container-with-automatic-height.html @@ -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>
\ No newline at end of file |