1
Fork 0
mirror of https://github.com/RGBCube/serenity synced 2025-07-27 20:17:44 +00:00

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

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

View file

@ -4,26 +4,26 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
Box <div.grid-container> at (8,8) content-size 784x34 [GFC] children: not-inline
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <div.grid-item> at (8,8) content-size 392x17 [BFC] children: inline
BlockContainer <div.grid-item> at (8,8) content-size 392.140625x17 [BFC] children: inline
frag 0 from TextNode start: 0, length: 1, rect: [8,8 6.34375x17] baseline: 13.296875
"1"
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <div.grid-item> at (400,8) content-size 392x17 [BFC] children: inline
frag 0 from TextNode start: 0, length: 1, rect: [400,8 8.8125x17] baseline: 13.296875
BlockContainer <div.grid-item> at (400.140625,8) content-size 391.859375x17 [BFC] children: inline
frag 0 from TextNode start: 0, length: 1, rect: [400.140625,8 8.8125x17] baseline: 13.296875
"2"
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <div.grid-item> at (8,25) content-size 392x17 [BFC] children: inline
BlockContainer <div.grid-item> at (8,25) content-size 392.140625x17 [BFC] children: inline
frag 0 from TextNode start: 0, length: 1, rect: [8,25 9.09375x17] baseline: 13.296875
"3"
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <div.grid-item> at (400,25) content-size 392x17 [BFC] children: inline
frag 0 from TextNode start: 0, length: 1, rect: [400,25 7.75x17] baseline: 13.296875
BlockContainer <div.grid-item> at (400.140625,25) content-size 391.859375x17 [BFC] children: inline
frag 0 from TextNode start: 0, length: 1, rect: [400.140625,25 7.75x17] baseline: 13.296875
"4"
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
@ -33,11 +33,11 @@ ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x34]
PaintableBox (Box<DIV>.grid-container) [8,8 784x34]
PaintableWithLines (BlockContainer<DIV>.grid-item) [8,8 392x17]
PaintableWithLines (BlockContainer<DIV>.grid-item) [8,8 392.140625x17]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>.grid-item) [400,8 392x17]
PaintableWithLines (BlockContainer<DIV>.grid-item) [400.140625,8 391.859375x17]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>.grid-item) [8,25 392x17]
PaintableWithLines (BlockContainer<DIV>.grid-item) [8,25 392.140625x17]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>.grid-item) [400,25 392x17]
PaintableWithLines (BlockContainer<DIV>.grid-item) [400.140625,25 391.859375x17]
TextPaintable (TextNode<#text>)