RGBCube/serenity
1
Fork 0
mirror of https://github.com/RGBCube/serenity synced 2025-07-26 23:37:36 +00:00
Code Issues Activity Actions

LibWeb: Implement distributing space to tracks beyond limits in GFC

Browse source 
Implements "Distribute space beyond limits" step from:
https://www.w3.org/TR/css-grid-2/#distribute-extra-space
This commit is contained in:
Aliaksandr Kalenik 2023-06-22 00:48:46 +03:00 • committed by Andreas Kling
parent e3ade95d24
commit 20edbb70f8
4 changed files with 63 additions and 9 deletions
Download patch file Download diff file Expand all files Collapse all files

9
Tests/LibWeb/Layout/expected/grid/grow-beyond-limits.txt Normal file
View file

@ -0,0 +1,9 @@
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (0,0) content-size 800x33.46875 [BFC] children: not-inline
BlockContainer <body> at (8,8) content-size 784x17.46875 children: not-inline
Box <div.container> at (8,8) content-size 784x17.46875 [GFC] children: not-inline
BlockContainer <div.item> at (8,8) content-size 28.6875x17.46875 [BFC] children: inline
line 0 width: 28.6875, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 3, rect: [8,8 28.6875x17.46875]
"one"
TextNode <#text>

10
Tests/LibWeb/Layout/input/grid/grow-beyond-limits.html Normal file
View file

@ -0,0 +1,10 @@
<!DOCTYPE html><style>
.container {
display: grid;
grid-template-columns: minmax(min-content, 0px);
}
.item {
background-color: aquamarine;
}
</style><div class="container"><div class="item">one</div></div>