1
Fork 0
mirror of https://github.com/RGBCube/serenity synced 2025-07-28 16:57:36 +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,7 +4,7 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
Box <div.grid-container> at (8,8) content-size 784x306 [GFC] children: not-inline
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <div.grid-item.item-span-one-one> at (401.46875,8) content-size 392x127.5 [BFC] children: inline
BlockContainer <div.grid-item.item-span-one-one> at (401.46875,8) content-size 390.53125x127.5 [BFC] children: inline
frag 0 from TextNode start: 1, length: 40, rect: [401.46875,8 319.171875x17] baseline: 13.296875
"In a sollicitudin augue. Sed ante augue,"
frag 1 from TextNode start: 42, length: 42, rect: [401.46875,25 335.125x17] baseline: 13.296875
@ -16,7 +16,7 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <div.grid-item.item-span-one-two> at (401.46875,135.5) content-size 392x178.5 [BFC] children: inline
BlockContainer <div.grid-item.item-span-one-two> at (401.46875,135.5) content-size 390.53125x178.5 [BFC] children: inline
frag 0 from TextNode start: 1, length: 43, rect: [401.46875,135.5 359.15625x17] baseline: 13.296875
"Suspendisse potenti. Pellentesque at varius"
frag 1 from TextNode start: 45, length: 41, rect: [401.46875,152.5 318.5625x17] baseline: 13.296875
@ -77,11 +77,11 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x306] overflow: [8,8 785.46875x306]
PaintableBox (Box<DIV>.grid-container) [8,8 784x306] overflow: [8,8 785.46875x306]
PaintableWithLines (BlockContainer<DIV>.grid-item.item-span-one-one) [401.46875,8 392x127.5]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x306]
PaintableBox (Box<DIV>.grid-container) [8,8 784x306]
PaintableWithLines (BlockContainer<DIV>.grid-item.item-span-one-one) [401.46875,8 390.53125x127.5]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>.grid-item.item-span-one-two) [401.46875,135.5 392x178.5]
PaintableWithLines (BlockContainer<DIV>.grid-item.item-span-one-two) [401.46875,135.5 390.53125x178.5]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>.grid-item.item-span-two) [8,8 393.46875x306]
TextPaintable (TextNode<#text>)