mirror of
https://github.com/RGBCube/serenity
synced 2025-07-27 12:27:35 +00:00

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.
33 lines
1.9 KiB
Text
33 lines
1.9 KiB
Text
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
|
|
BlockContainer <html> at (1,1) content-size 798x520 [BFC] children: not-inline
|
|
BlockContainer <body> at (10,10) content-size 780x502 children: not-inline
|
|
Box <div.grid> at (11,11) content-size 500x500 [GFC] children: not-inline
|
|
BlockContainer <div#a> at (12,12) content-size 98x105.59375 [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,119.59375) content-size 498x282.78125 [BFC] children: inline
|
|
frag 0 from TextNode start: 0, length: 1, rect: [12,119.59375 8.8125x17] baseline: 13.296875
|
|
"2"
|
|
TextNode <#text>
|
|
BlockContainer <div#c> at (12,404.375) content-size 98x105.59375 [BFC] children: inline
|
|
frag 0 from TextNode start: 0, length: 1, rect: [12,404.375 9.09375x17] baseline: 13.296875
|
|
"3"
|
|
TextNode <#text>
|
|
BlockContainer <div#d> at (112,404.375) content-size 98x105.59375 [BFC] children: inline
|
|
frag 0 from TextNode start: 0, length: 1, rect: [112,404.375 7.75x17] baseline: 13.296875
|
|
"4"
|
|
TextNode <#text>
|
|
|
|
ViewportPaintable (Viewport<#document>) [0,0 800x600]
|
|
PaintableWithLines (BlockContainer<HTML>) [0,0 800x522]
|
|
PaintableWithLines (BlockContainer<BODY>) [9,9 782x504]
|
|
PaintableBox (Box<DIV>.grid) [10,10 502x502]
|
|
PaintableWithLines (BlockContainer<DIV>#a) [11,11 100x107.59375]
|
|
TextPaintable (TextNode<#text>)
|
|
PaintableWithLines (BlockContainer<DIV>#b) [11,118.59375 500x284.78125]
|
|
TextPaintable (TextNode<#text>)
|
|
PaintableWithLines (BlockContainer<DIV>#c) [11,403.375 100x107.59375]
|
|
TextPaintable (TextNode<#text>)
|
|
PaintableWithLines (BlockContainer<DIV>#d) [111,403.375 100x107.59375]
|
|
TextPaintable (TextNode<#text>)
|