mirror of
https://github.com/RGBCube/serenity
synced 2025-07-28 22:57:35 +00:00
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.
This commit is contained in:
parent
f9f98016e2
commit
4d8bc16812
14 changed files with 363 additions and 42 deletions
33
Tests/LibWeb/Layout/expected/grid/placement-5.txt
Normal file
33
Tests/LibWeb/Layout/expected/grid/placement-5.txt
Normal file
|
@ -0,0 +1,33 @@
|
|||
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>)
|
Loading…
Add table
Add a link
Reference in a new issue