RGBCube/serenity
1
Fork 0
mirror of https://github.com/RGBCube/serenity synced 2025-07-28 20:47:45 +00:00
Code Issues Activity Actions

LibWeb: Align with spec "stretch auto tracks" step in GFC

Browse source 
Now, we will evenly distribute the remaining free space across tracks
using the auto max-tracks sizing function, exactly as the specification
states. Many tests are affected, but they are not visually broken.

Fixes https://github.com/SerenityOS/serenity/issues/22798
This commit is contained in:
Aliaksandr Kalenik 2024-01-16 12:13:27 +01:00 • committed by Andreas Kling
parent dd9f3c980f
commit 9e23503c9c
21 changed files with 233 additions and 207 deletions
Download patch file Download diff file Expand all files Collapse all files

30
Tests/LibWeb/Layout/expected/grid/align-items.txt
View file

@ -4,34 +4,34 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <(anonymous)> at (10,10) content-size 780x0 children: inline
TextNode <#text>
Box <div.grid.start> at (31,31) content-size 738x39 [GFC] children: not-inline
BlockContainer <div> at (32,32) content-size 367x17 [BFC] children: inline
BlockContainer <div> at (32,32) content-size 355.765625x17 [BFC] children: inline
frag 0 from TextNode start: 0, length: 6, rect: [32,32 50.203125x17] baseline: 13.296875
"Start1"
TextNode <#text>
BlockContainer <div.item-padding> at (411,42) content-size 347x17 [BFC] children: inline
frag 0 from TextNode start: 0, length: 6, rect: [411,42 52.671875x17] baseline: 13.296875
BlockContainer <div.item-padding> at (399.765625,42) content-size 358.234375x17 [BFC] children: inline
frag 0 from TextNode start: 0, length: 6, rect: [399.765625,42 52.671875x17] baseline: 13.296875
"Start2"
TextNode <#text>
BlockContainer <(anonymous)> at (10,91) content-size 780x0 children: inline
TextNode <#text>
Box <div.grid.center> at (31,112) content-size 738x39 [GFC] children: not-inline
BlockContainer <div> at (32,123) content-size 367x17 [BFC] children: inline
BlockContainer <div> at (32,123) content-size 355.765625x17 [BFC] children: inline
frag 0 from TextNode start: 0, length: 7, rect: [32,123 59.390625x17] baseline: 13.296875
"Center1"
TextNode <#text>
BlockContainer <div.item-padding> at (411,123) content-size 347x17 [BFC] children: inline
frag 0 from TextNode start: 0, length: 7, rect: [411,123 61.859375x17] baseline: 13.296875
BlockContainer <div.item-padding> at (399.765625,123) content-size 358.234375x17 [BFC] children: inline
frag 0 from TextNode start: 0, length: 7, rect: [399.765625,123 61.859375x17] baseline: 13.296875
"Center2"
TextNode <#text>
BlockContainer <(anonymous)> at (10,172) content-size 780x0 children: inline
TextNode <#text>
Box <div.grid.end> at (31,193) content-size 738x39 [GFC] children: not-inline
BlockContainer <div> at (32,214) content-size 367x17 [BFC] children: inline
BlockContainer <div> at (32,214) content-size 355.765625x17 [BFC] children: inline
frag 0 from TextNode start: 0, length: 4, rect: [32,214 35.671875x17] baseline: 13.296875
"End1"
TextNode <#text>
BlockContainer <div.item-padding> at (411,204) content-size 347x17 [BFC] children: inline
frag 0 from TextNode start: 0, length: 4, rect: [411,204 38.140625x17] baseline: 13.296875
BlockContainer <div.item-padding> at (399.765625,204) content-size 358.234375x17 [BFC] children: inline
frag 0 from TextNode start: 0, length: 4, rect: [399.765625,204 38.140625x17] baseline: 13.296875
"End2"
TextNode <#text>
@ -40,19 +40,19 @@ ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<BODY>) [9,9 782x245]
PaintableWithLines (BlockContainer(anonymous)) [10,10 780x0]
PaintableBox (Box<DIV>.grid.start) [10,10 780x81]
PaintableWithLines (BlockContainer<DIV>) [31,31 369x19]
PaintableWithLines (BlockContainer<DIV>) [31,31 357.765625x19]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>.item-padding) [400,31 369x39]
PaintableWithLines (BlockContainer<DIV>.item-padding) [388.765625,31 380.234375x39]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [10,91 780x0]
PaintableBox (Box<DIV>.grid.center) [10,91 780x81]
PaintableWithLines (BlockContainer<DIV>) [31,122 369x19]
PaintableWithLines (BlockContainer<DIV>) [31,122 357.765625x19]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>.item-padding) [400,112 369x39]
PaintableWithLines (BlockContainer<DIV>.item-padding) [388.765625,112 380.234375x39]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [10,172 780x0]
PaintableBox (Box<DIV>.grid.end) [10,172 780x81]
PaintableWithLines (BlockContainer<DIV>) [31,213 369x19]
PaintableWithLines (BlockContainer<DIV>) [31,213 357.765625x19]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>.item-padding) [400,193 369x39]
PaintableWithLines (BlockContainer<DIV>.item-padding) [388.765625,193 380.234375x39]
TextPaintable (TextNode<#text>)