1
Fork 0
mirror of https://github.com/RGBCube/serenity synced 2025-07-27 12:27:35 +00:00
serenity/Tests/LibWeb/Layout/expected/grid/placement-5.txt
Aliaksandr Kalenik 4d8bc16812 LibWeb: Respect "auto flow" property in grid layout
Before this change, we only considering `grid-auto-flow` to determine
whether a row or column should be added when there was not enough space
in the implicit grid to fit the next unplaced item.

Now, we also choose the direction in which the "auto placement cursor"
is moved, based on the auto flow property.
2024-03-06 07:23:27 +01:00

33 lines
1.8 KiB
Text

Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (1,1) content-size 798x220 [BFC] children: not-inline
BlockContainer <body> at (10,10) content-size 780x202 children: not-inline
Box <div.grid> at (11,11) content-size 778x200 [GFC] children: not-inline
BlockContainer <div#a> at (12,12) content-size 98x98 [BFC] children: inline
frag 0 from TextNode start: 0, length: 1, rect: [12,12 6.34375x17] baseline: 13.296875
"1"
TextNode <#text>
BlockContainer <div#b> at (12,112) content-size 98x98 [BFC] children: inline
frag 0 from TextNode start: 0, length: 1, rect: [12,112 8.8125x17] baseline: 13.296875
"2"
TextNode <#text>
BlockContainer <div#a> at (112,12) content-size 98x98 [BFC] children: inline
frag 0 from TextNode start: 0, length: 1, rect: [112,12 9.09375x17] baseline: 13.296875
"3"
TextNode <#text>
BlockContainer <div#b> at (112,112) content-size 98x98 [BFC] children: inline
frag 0 from TextNode start: 0, length: 1, rect: [112,112 7.75x17] baseline: 13.296875
"4"
TextNode <#text>
ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x222]
PaintableWithLines (BlockContainer<BODY>) [9,9 782x204]
PaintableBox (Box<DIV>.grid) [10,10 780x202]
PaintableWithLines (BlockContainer<DIV>#a) [11,11 100x100]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>#b) [11,111 100x100]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>#a) [111,11 100x100]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>#b) [111,111 100x100]
TextPaintable (TextNode<#text>)