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

LibWeb: Honor gap between flex lines when using align-content: stretch

Browse source 
We have to take the cross gap into account when calculating the "sum of
flex line cross sizes" in "Handle 'align-content: stretch'".
This commit is contained in:
Andreas Kling 2023-04-16 19:31:55 +02:00
parent f488df0e10
commit b9b6037d2b
3 changed files with 30 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

17
Tests/LibWeb/Layout/input/flex/stretch-alignment-with-cross-gap.html Normal file
View file

@ -0,0 +1,17 @@
<!doctype html><style>
* {
border: 1px solid black;
}
.flex {
display: flex;
align-content: stretch;
width: 300px;
height: 200px;
flex-wrap: wrap;
row-gap: 50px;
}
.flex > div {
width: 100px;
height: 20px;
}
</style><div class="flex"><div></div><div></div><div></div><div></div><div></div><div></div>