RGBCube/serenity
1
Fork 0
mirror of https://github.com/RGBCube/serenity synced 2025-07-27 11:17:35 +00:00
Code Issues Activity Actions

LibWeb: Use separate structure to represent fragments in paintable tree

Browse source 
This is a part of refactoring towards making the paintable tree
independent of the layout tree. Now, instead of transferring text
fragments from the layout tree to the paintable tree during the layout
commit phase, we allocate separate PaintableFragments that contain only
the information necessary for painting. Doing this also allows us to
get rid LineBoxes, as they are used only during layout.
This commit is contained in:
Aliaksandr Kalenik 2024-01-12 21:25:05 +01:00 • committed by Andreas Kling
parent 785fa60cca
commit de32b77ceb
401 changed files with 2122 additions and 3614 deletions
Download patch file Download diff file Expand all files Collapse all files

27
Tests/LibWeb/Layout/expected/flex/abspos-flex-child-static-position-with-align-items.txt
View file

@ -5,72 +5,63 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
TextNode <#text>
Box <div.outer.normal> at (38,38) content-size 150x150 flex-container(row) flex-item [FFC] children: not-inline
BlockContainer <div> at (48,48) content-size 150x50 positioned [BFC] children: inline
line 0 width: 54.578125, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 6, rect: [48,48 54.578125x17]
frag 0 from TextNode start: 0, length: 6, rect: [48,48 54.578125x17] baseline: 13.296875
"normal"
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
Box <div.outer.stretch> at (208,38) content-size 150x150 flex-container(row) flex-item [FFC] children: not-inline
BlockContainer <div> at (218,48) content-size 150x50 positioned [BFC] children: inline
line 0 width: 58.796875, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 7, rect: [218,48 58.796875x17]
frag 0 from TextNode start: 0, length: 7, rect: [218,48 58.796875x17] baseline: 13.296875
"stretch"
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
Box <div.outer.start> at (378,38) content-size 150x150 flex-container(row) flex-item [FFC] children: not-inline
BlockContainer <div> at (388,48) content-size 150x50 positioned [BFC] children: inline
line 0 width: 41.234375, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 5, rect: [388,48 41.234375x17]
frag 0 from TextNode start: 0, length: 5, rect: [388,48 41.234375x17] baseline: 13.296875
"start"
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
Box <div.outer.flex-start> at (548,38) content-size 150x150 flex-container(row) flex-item [FFC] children: not-inline
BlockContainer <div> at (558,48) content-size 150x50 positioned [BFC] children: inline
line 0 width: 76.8125, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 10, rect: [558,48 76.8125x17]
frag 0 from TextNode start: 0, length: 10, rect: [558,48 76.8125x17] baseline: 13.296875
"flex-start"
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
Box <div.outer.end> at (38,208) content-size 150x150 flex-container(row) flex-item [FFC] children: not-inline
BlockContainer <div> at (48,308) content-size 150x50 positioned [BFC] children: inline
line 0 width: 26.1875, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 3, rect: [48,308 26.1875x17]
frag 0 from TextNode start: 0, length: 3, rect: [48,308 26.1875x17] baseline: 13.296875
"end"
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
Box <div.outer.flex-end> at (208,208) content-size 150x150 flex-container(row) flex-item [FFC] children: not-inline
BlockContainer <div> at (218,308) content-size 150x50 positioned [BFC] children: inline
line 0 width: 61.765625, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 8, rect: [218,308 61.765625x17]
frag 0 from TextNode start: 0, length: 8, rect: [218,308 61.765625x17] baseline: 13.296875
"flex-end"
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
Box <div.outer.center> at (378,208) content-size 150x150 flex-container(row) flex-item [FFC] children: not-inline
BlockContainer <div> at (388,258) content-size 150x50 positioned [BFC] children: inline
line 0 width: 51.625, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 6, rect: [388,258 51.625x17]
frag 0 from TextNode start: 0, length: 6, rect: [388,258 51.625x17] baseline: 13.296875
"center"
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
Box <div.outer.self-start> at (548,208) content-size 150x150 flex-container(row) flex-item [FFC] children: not-inline
BlockContainer <div> at (558,218) content-size 150x50 positioned [BFC] children: inline
line 0 width: 76.453125, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 10, rect: [558,218 76.453125x17]
frag 0 from TextNode start: 0, length: 10, rect: [558,218 76.453125x17] baseline: 13.296875
"self-start"
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
Box <div.outer.self-end> at (38,378) content-size 150x150 flex-container(row) flex-item [FFC] children: not-inline
BlockContainer <div> at (48,478) content-size 150x50 positioned [BFC] children: inline
line 0 width: 61.40625, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 8, rect: [48,478 61.40625x17]
frag 0 from TextNode start: 0, length: 8, rect: [48,478 61.40625x17] baseline: 13.296875
"self-end"
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline

96
Tests/LibWeb/Layout/expected/flex/abspos-flex-child-static-position-with-justify-content.txt
View file

@ -5,256 +5,224 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
TextNode <#text>
Box <div.row.outer.start> at (53,53) content-size 300x60 flex-container(row) [FFC] children: not-inline
BlockContainer <div> at (68,68) content-size 150x50 positioned [BFC] children: inline
line 0 width: 41.234375, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 5, rect: [68,68 41.234375x17]
frag 0 from TextNode start: 0, length: 5, rect: [68,68 41.234375x17] baseline: 13.296875
"start"
TextNode <#text>
BlockContainer <(anonymous)> at (38,128) content-size 724x0 children: inline
TextNode <#text>
Box <div.row.outer.flex-start> at (53,143) content-size 300x60 flex-container(row) [FFC] children: not-inline
BlockContainer <div> at (68,158) content-size 150x50 positioned [BFC] children: inline
line 0 width: 76.8125, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 10, rect: [68,158 76.8125x17]
frag 0 from TextNode start: 0, length: 10, rect: [68,158 76.8125x17] baseline: 13.296875
"flex-start"
TextNode <#text>
BlockContainer <(anonymous)> at (38,218) content-size 724x0 children: inline
TextNode <#text>
Box <div.row.outer.end> at (53,233) content-size 300x60 flex-container(row) [FFC] children: not-inline
BlockContainer <div> at (188,248) content-size 150x50 positioned [BFC] children: inline
line 0 width: 26.1875, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 3, rect: [188,248 26.1875x17]
frag 0 from TextNode start: 0, length: 3, rect: [188,248 26.1875x17] baseline: 13.296875
"end"
TextNode <#text>
BlockContainer <(anonymous)> at (38,308) content-size 724x0 children: inline
TextNode <#text>
Box <div.row.outer.flex-end> at (53,323) content-size 300x60 flex-container(row) [FFC] children: not-inline
BlockContainer <div> at (188,338) content-size 150x50 positioned [BFC] children: inline
line 0 width: 61.765625, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 8, rect: [188,338 61.765625x17]
frag 0 from TextNode start: 0, length: 8, rect: [188,338 61.765625x17] baseline: 13.296875
"flex-end"
TextNode <#text>
BlockContainer <(anonymous)> at (38,398) content-size 724x0 children: inline
TextNode <#text>
Box <div.row.outer.center> at (53,413) content-size 300x60 flex-container(row) [FFC] children: not-inline
BlockContainer <div> at (128,428) content-size 150x50 positioned [BFC] children: inline
line 0 width: 51.625, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 6, rect: [128,428 51.625x17]
frag 0 from TextNode start: 0, length: 6, rect: [128,428 51.625x17] baseline: 13.296875
"center"
TextNode <#text>
BlockContainer <(anonymous)> at (38,488) content-size 724x0 children: inline
TextNode <#text>
Box <div.row.outer.space-around> at (53,503) content-size 300x60 flex-container(row) [FFC] children: not-inline
BlockContainer <div> at (128,518) content-size 150x50 positioned [BFC] children: inline
line 0 width: 107.96875, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 12, rect: [128,518 107.96875x17]
frag 0 from TextNode start: 0, length: 12, rect: [128,518 107.96875x17] baseline: 13.296875
"space-around"
TextNode <#text>
BlockContainer <(anonymous)> at (38,578) content-size 724x0 children: inline
TextNode <#text>
Box <div.row.outer.space-between> at (53,593) content-size 300x60 flex-container(row) [FFC] children: not-inline
BlockContainer <div> at (68,608) content-size 150x50 positioned [BFC] children: inline
line 0 width: 115.515625, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 13, rect: [68,608 115.515625x17]
frag 0 from TextNode start: 0, length: 13, rect: [68,608 115.515625x17] baseline: 13.296875
"space-between"
TextNode <#text>
BlockContainer <(anonymous)> at (38,668) content-size 724x0 children: inline
TextNode <#text>
Box <div.row.outer.space-evenly> at (53,683) content-size 300x60 flex-container(row) [FFC] children: not-inline
BlockContainer <div> at (128,698) content-size 150x50 positioned [BFC] children: inline
line 0 width: 98.859375, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 12, rect: [128,698 98.859375x17]
frag 0 from TextNode start: 0, length: 12, rect: [128,698 98.859375x17] baseline: 13.296875
"space-evenly"
TextNode <#text>
BlockContainer <(anonymous)> at (38,758) content-size 724x0 children: inline
TextNode <#text>
Box <div.row.reverse.outer.start> at (53,773) content-size 300x60 flex-container(row-reverse) [FFC] children: not-inline
BlockContainer <div> at (68,788) content-size 150x50 positioned [BFC] children: inline
line 0 width: 41.234375, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 5, rect: [68,788 41.234375x17]
frag 0 from TextNode start: 0, length: 5, rect: [68,788 41.234375x17] baseline: 13.296875
"start"
TextNode <#text>
BlockContainer <(anonymous)> at (38,848) content-size 724x0 children: inline
TextNode <#text>
Box <div.row.reverse.outer.flex-start> at (53,863) content-size 300x60 flex-container(row-reverse) [FFC] children: not-inline
BlockContainer <div> at (188,878) content-size 150x50 positioned [BFC] children: inline
line 0 width: 76.8125, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 10, rect: [188,878 76.8125x17]
frag 0 from TextNode start: 0, length: 10, rect: [188,878 76.8125x17] baseline: 13.296875
"flex-start"
TextNode <#text>
BlockContainer <(anonymous)> at (38,938) content-size 724x0 children: inline
TextNode <#text>
Box <div.row.reverse.outer.end> at (53,953) content-size 300x60 flex-container(row-reverse) [FFC] children: not-inline
BlockContainer <div> at (188,968) content-size 150x50 positioned [BFC] children: inline
line 0 width: 26.1875, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 3, rect: [188,968 26.1875x17]
frag 0 from TextNode start: 0, length: 3, rect: [188,968 26.1875x17] baseline: 13.296875
"end"
TextNode <#text>
BlockContainer <(anonymous)> at (38,1028) content-size 724x0 children: inline
TextNode <#text>
Box <div.row.reverse.outer.flex-end> at (53,1043) content-size 300x60 flex-container(row-reverse) [FFC] children: not-inline
BlockContainer <div> at (68,1058) content-size 150x50 positioned [BFC] children: inline
line 0 width: 61.765625, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 8, rect: [68,1058 61.765625x17]
frag 0 from TextNode start: 0, length: 8, rect: [68,1058 61.765625x17] baseline: 13.296875
"flex-end"
TextNode <#text>
BlockContainer <(anonymous)> at (38,1118) content-size 724x0 children: inline
TextNode <#text>
Box <div.row.reverse.outer.center> at (53,1133) content-size 300x60 flex-container(row-reverse) [FFC] children: not-inline
BlockContainer <div> at (128,1148) content-size 150x50 positioned [BFC] children: inline
line 0 width: 51.625, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 6, rect: [128,1148 51.625x17]
frag 0 from TextNode start: 0, length: 6, rect: [128,1148 51.625x17] baseline: 13.296875
"center"
TextNode <#text>
BlockContainer <(anonymous)> at (38,1208) content-size 724x0 children: inline
TextNode <#text>
Box <div.row.reverse.outer.space-around> at (53,1223) content-size 300x60 flex-container(row-reverse) [FFC] children: not-inline
BlockContainer <div> at (128,1238) content-size 150x50 positioned [BFC] children: inline
line 0 width: 107.96875, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 12, rect: [128,1238 107.96875x17]
frag 0 from TextNode start: 0, length: 12, rect: [128,1238 107.96875x17] baseline: 13.296875
"space-around"
TextNode <#text>
BlockContainer <(anonymous)> at (38,1298) content-size 724x0 children: inline
TextNode <#text>
Box <div.row.reverse.outer.space-between> at (53,1313) content-size 300x60 flex-container(row-reverse) [FFC] children: not-inline
BlockContainer <div> at (188,1328) content-size 150x50 positioned [BFC] children: inline
line 0 width: 115.515625, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 13, rect: [188,1328 115.515625x17]
frag 0 from TextNode start: 0, length: 13, rect: [188,1328 115.515625x17] baseline: 13.296875
"space-between"
TextNode <#text>
BlockContainer <(anonymous)> at (38,1388) content-size 724x0 children: inline
TextNode <#text>
Box <div.row.reverse.outer.space-evenly> at (53,1403) content-size 300x60 flex-container(row-reverse) [FFC] children: not-inline
BlockContainer <div> at (128,1418) content-size 150x50 positioned [BFC] children: inline
line 0 width: 98.859375, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 12, rect: [128,1418 98.859375x17]
frag 0 from TextNode start: 0, length: 12, rect: [128,1418 98.859375x17] baseline: 13.296875
"space-evenly"
TextNode <#text>
BlockContainer <(anonymous)> at (38,1478) content-size 724x0 children: inline
TextNode <#text>
Box <div.column.outer.start> at (53,1493) content-size 300x60 flex-container(column) [FFC] children: not-inline
BlockContainer <div> at (68,1508) content-size 150x50 positioned [BFC] children: inline
line 0 width: 41.234375, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 5, rect: [68,1508 41.234375x17]
frag 0 from TextNode start: 0, length: 5, rect: [68,1508 41.234375x17] baseline: 13.296875
"start"
TextNode <#text>
BlockContainer <(anonymous)> at (38,1568) content-size 724x0 children: inline
TextNode <#text>
Box <div.column.outer.flex-start> at (53,1583) content-size 300x60 flex-container(column) [FFC] children: not-inline
BlockContainer <div> at (68,1598) content-size 150x50 positioned [BFC] children: inline
line 0 width: 76.8125, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 10, rect: [68,1598 76.8125x17]
frag 0 from TextNode start: 0, length: 10, rect: [68,1598 76.8125x17] baseline: 13.296875
"flex-start"
TextNode <#text>
BlockContainer <(anonymous)> at (38,1658) content-size 724x0 children: inline
TextNode <#text>
Box <div.column.outer.end> at (53,1673) content-size 300x60 flex-container(column) [FFC] children: not-inline
BlockContainer <div> at (68,1668) content-size 150x50 positioned [BFC] children: inline
line 0 width: 26.1875, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 3, rect: [68,1668 26.1875x17]
frag 0 from TextNode start: 0, length: 3, rect: [68,1668 26.1875x17] baseline: 13.296875
"end"
TextNode <#text>
BlockContainer <(anonymous)> at (38,1748) content-size 724x0 children: inline
TextNode <#text>
Box <div.column.outer.flex-end> at (53,1763) content-size 300x60 flex-container(column) [FFC] children: not-inline
BlockContainer <div> at (68,1758) content-size 150x50 positioned [BFC] children: inline
line 0 width: 61.765625, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 8, rect: [68,1758 61.765625x17]
frag 0 from TextNode start: 0, length: 8, rect: [68,1758 61.765625x17] baseline: 13.296875
"flex-end"
TextNode <#text>
BlockContainer <(anonymous)> at (38,1838) content-size 724x0 children: inline
TextNode <#text>
Box <div.column.outer.center> at (53,1853) content-size 300x60 flex-container(column) [FFC] children: not-inline
BlockContainer <div> at (68,1858) content-size 150x50 positioned [BFC] children: inline
line 0 width: 51.625, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 6, rect: [68,1858 51.625x17]
frag 0 from TextNode start: 0, length: 6, rect: [68,1858 51.625x17] baseline: 13.296875
"center"
TextNode <#text>
BlockContainer <(anonymous)> at (38,1928) content-size 724x0 children: inline
TextNode <#text>
Box <div.column.outer.space-around> at (53,1943) content-size 300x60 flex-container(column) [FFC] children: not-inline
BlockContainer <div> at (68,1948) content-size 150x50 positioned [BFC] children: inline
line 0 width: 107.96875, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 12, rect: [68,1948 107.96875x17]
frag 0 from TextNode start: 0, length: 12, rect: [68,1948 107.96875x17] baseline: 13.296875
"space-around"
TextNode <#text>
BlockContainer <(anonymous)> at (38,2018) content-size 724x0 children: inline
TextNode <#text>
Box <div.column.outer.space-between> at (53,2033) content-size 300x60 flex-container(column) [FFC] children: not-inline
BlockContainer <div> at (68,2048) content-size 150x50 positioned [BFC] children: inline
line 0 width: 115.515625, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 13, rect: [68,2048 115.515625x17]
frag 0 from TextNode start: 0, length: 13, rect: [68,2048 115.515625x17] baseline: 13.296875
"space-between"
TextNode <#text>
BlockContainer <(anonymous)> at (38,2108) content-size 724x0 children: inline
TextNode <#text>
Box <div.column.outer.space-evenly> at (53,2123) content-size 300x60 flex-container(column) [FFC] children: not-inline
BlockContainer <div> at (68,2128) content-size 150x50 positioned [BFC] children: inline
line 0 width: 98.859375, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 12, rect: [68,2128 98.859375x17]
frag 0 from TextNode start: 0, length: 12, rect: [68,2128 98.859375x17] baseline: 13.296875
"space-evenly"
TextNode <#text>
BlockContainer <(anonymous)> at (38,2198) content-size 724x0 children: inline
TextNode <#text>
Box <div.column.reverse.outer.start> at (53,2213) content-size 300x60 flex-container(column-reverse) [FFC] children: not-inline
BlockContainer <div> at (68,2228) content-size 150x50 positioned [BFC] children: inline
line 0 width: 41.234375, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 5, rect: [68,2228 41.234375x17]
frag 0 from TextNode start: 0, length: 5, rect: [68,2228 41.234375x17] baseline: 13.296875
"start"
TextNode <#text>
BlockContainer <(anonymous)> at (38,2288) content-size 724x0 children: inline
TextNode <#text>
Box <div.column.reverse.outer.flex-start> at (53,2303) content-size 300x60 flex-container(column-reverse) [FFC] children: not-inline
BlockContainer <div> at (68,2298) content-size 150x50 positioned [BFC] children: inline
line 0 width: 76.8125, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 10, rect: [68,2298 76.8125x17]
frag 0 from TextNode start: 0, length: 10, rect: [68,2298 76.8125x17] baseline: 13.296875
"flex-start"
TextNode <#text>
BlockContainer <(anonymous)> at (38,2378) content-size 724x0 children: inline
TextNode <#text>
Box <div.column.reverse.outer.end> at (53,2393) content-size 300x60 flex-container(column-reverse) [FFC] children: not-inline
BlockContainer <div> at (68,2388) content-size 150x50 positioned [BFC] children: inline
line 0 width: 26.1875, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 3, rect: [68,2388 26.1875x17]
frag 0 from TextNode start: 0, length: 3, rect: [68,2388 26.1875x17] baseline: 13.296875
"end"
TextNode <#text>
BlockContainer <(anonymous)> at (38,2468) content-size 724x0 children: inline
TextNode <#text>
Box <div.column.reverse.outer.flex-end> at (53,2483) content-size 300x60 flex-container(column-reverse) [FFC] children: not-inline
BlockContainer <div> at (68,2498) content-size 150x50 positioned [BFC] children: inline
line 0 width: 61.765625, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 8, rect: [68,2498 61.765625x17]
frag 0 from TextNode start: 0, length: 8, rect: [68,2498 61.765625x17] baseline: 13.296875
"flex-end"
TextNode <#text>
BlockContainer <(anonymous)> at (38,2558) content-size 724x0 children: inline
TextNode <#text>
Box <div.column.reverse.outer.center> at (53,2573) content-size 300x60 flex-container(column-reverse) [FFC] children: not-inline
BlockContainer <div> at (68,2578) content-size 150x50 positioned [BFC] children: inline
line 0 width: 51.625, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 6, rect: [68,2578 51.625x17]
frag 0 from TextNode start: 0, length: 6, rect: [68,2578 51.625x17] baseline: 13.296875
"center"
TextNode <#text>
BlockContainer <(anonymous)> at (38,2648) content-size 724x0 children: inline
TextNode <#text>
Box <div.column.reverse.outer.space-around> at (53,2663) content-size 300x60 flex-container(column-reverse) [FFC] children: not-inline
BlockContainer <div> at (68,2668) content-size 150x50 positioned [BFC] children: inline
line 0 width: 107.96875, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 12, rect: [68,2668 107.96875x17]
frag 0 from TextNode start: 0, length: 12, rect: [68,2668 107.96875x17] baseline: 13.296875
"space-around"
TextNode <#text>
BlockContainer <(anonymous)> at (38,2738) content-size 724x0 children: inline
TextNode <#text>
Box <div.column.reverse.outer.space-between> at (53,2753) content-size 300x60 flex-container(column-reverse) [FFC] children: not-inline
BlockContainer <div> at (68,2748) content-size 150x50 positioned [BFC] children: inline
line 0 width: 115.515625, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 13, rect: [68,2748 115.515625x17]
frag 0 from TextNode start: 0, length: 13, rect: [68,2748 115.515625x17] baseline: 13.296875
"space-between"
TextNode <#text>
BlockContainer <(anonymous)> at (38,2828) content-size 724x0 children: inline
TextNode <#text>
Box <div.column.reverse.outer.space-evenly> at (53,2843) content-size 300x60 flex-container(column-reverse) [FFC] children: not-inline
BlockContainer <div> at (68,2848) content-size 150x50 positioned [BFC] children: inline
line 0 width: 98.859375, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 12, rect: [68,2848 98.859375x17]
frag 0 from TextNode start: 0, length: 12, rect: [68,2848 98.859375x17] baseline: 13.296875
"space-evenly"
TextNode <#text>
BlockContainer <(anonymous)> at (38,2918) content-size 724x0 children: inline

3
Tests/LibWeb/Layout/expected/flex/abspos-flex-child-static-position-with-padding-on-flex-container.txt
View file

@ -5,8 +5,7 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <div#absolute> at (18,18) content-size 50x50 positioned [BFC] children: not-inline
BlockContainer <div#orange> at (18,18) content-size 50x50 children: not-inline
BlockContainer <div#red> at (18,18) content-size 9.703125x17 flex-item [BFC] children: inline
line 0 width: 9.703125, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [18,18 9.703125x17]
frag 0 from TextNode start: 0, length: 1, rect: [18,18 9.703125x17] baseline: 13.296875
"x"
TextNode <#text>

12
Tests/LibWeb/Layout/expected/flex/align-keywords-start-and-end.txt
View file

@ -3,28 +3,24 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <body> at (10,10) content-size 780x265 children: not-inline
Box <div.flex.row.align-start> at (11,11) content-size 500x200 flex-container(row) [FFC] children: not-inline
BlockContainer <div> at (12,12) content-size 136.5x17 flex-item [BFC] children: inline
line 0 width: 136.5, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 18, rect: [12,12 136.5x17]
frag 0 from TextNode start: 0, length: 18, rect: [12,12 136.5x17] baseline: 13.296875
"align-items: start"
TextNode <#text>
Box <div.flex.align-end> at (11,213) content-size 500x19 flex-container(row) [FFC] children: not-inline
BlockContainer <div> at (12,214) content-size 121.453125x17 flex-item [BFC] children: inline
line 0 width: 121.453125, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 16, rect: [12,214 121.453125x17]
frag 0 from TextNode start: 0, length: 16, rect: [12,214 121.453125x17] baseline: 13.296875
"align-items: end"
TextNode <#text>
BlockContainer <(anonymous)> at (10,233) content-size 780x0 children: inline
TextNode <#text>
Box <div.flex.align-start> at (11,234) content-size 500x19 flex-container(row) [FFC] children: not-inline
BlockContainer <div> at (12,235) content-size 136.5x17 flex-item [BFC] children: inline
line 0 width: 136.5, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 18, rect: [12,235 136.5x17]
frag 0 from TextNode start: 0, length: 18, rect: [12,235 136.5x17] baseline: 13.296875
"align-items: start"
TextNode <#text>
Box <div.flex.column.align-end> at (11,255) content-size 500x19 flex-container(column) [FFC] children: not-inline
BlockContainer <div> at (388.546875,256) content-size 121.453125x17 flex-item [BFC] children: inline
line 0 width: 121.453125, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 16, rect: [388.546875,256 121.453125x17]
frag 0 from TextNode start: 0, length: 16, rect: [388.546875,256 121.453125x17] baseline: 13.296875
"align-items: end"
TextNode <#text>
BlockContainer <(anonymous)> at (10,275) content-size 780x0 children: inline

3
Tests/LibWeb/Layout/expected/flex/automatic-minimum-size-with-explicit-flex-basis-and-flex-container-with-max-content-main-size.txt
View file

@ -2,8 +2,7 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (1,1) content-size 798x68 [BFC] children: not-inline
Box <body.flex> at (10,10) content-size 38.84375x50 flex-container(row) [FFC] children: not-inline
BlockContainer <div.item> at (11,11) content-size 36.84375x48 flex-item [BFC] children: inline
line 0 width: 36.84375, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 5, rect: [11,11 36.84375x17]
frag 0 from TextNode start: 0, length: 5, rect: [11,11 36.84375x17] baseline: 13.296875
"hello"
TextNode <#text>

3
Tests/LibWeb/Layout/expected/flex/box-baseline-with-inline-flex-empty-child.txt
View file

@ -2,8 +2,7 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (1,1) content-size 798x42 [BFC] children: not-inline
BlockContainer <body> at (10,10) content-size 780x24 children: not-inline
BlockContainer <div.first> at (11,11) content-size 778x22 children: inline
line 0 width: 22, height: 22, bottom: 22, baseline: 22
frag 0 from Box start: 0, length: 0, rect: [22,22 0x0]
frag 0 from Box start: 0, length: 0, rect: [22,22 0x0] baseline: 22
Box <span.second> at (22,22) content-size 0x0 flex-container(row) [FFC] children: not-inline
BlockContainer <(anonymous)> at (22,22) content-size 0x0 [BFC] children: inline
TextNode <#text>

9
Tests/LibWeb/Layout/expected/flex/br-element-does-not-get-blockified-by-itself.txt
View file

@ -3,14 +3,11 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <body> at (8,8) content-size 784x51 children: not-inline
Box <div> at (8,8) content-size 784x51 flex-container(row) [FFC] children: not-inline
BlockContainer <(anonymous)> at (8,8) content-size 55.359375x51 flex-item [BFC] children: inline
line 0 width: 28.40625, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 1, length: 4, rect: [8,8 28.40625x17]
frag 0 from TextNode start: 1, length: 4, rect: [8,8 28.40625x17] baseline: 13.296875
"well"
line 1 width: 36.84375, height: 17, bottom: 34, baseline: 13.296875
frag 0 from TextNode start: 1, length: 5, rect: [8,25 36.84375x17]
frag 1 from TextNode start: 1, length: 5, rect: [8,25 36.84375x17] baseline: 13.296875
"hello"
line 2 width: 55.359375, height: 17, bottom: 51, baseline: 13.296875
frag 0 from TextNode start: 1, length: 7, rect: [8,42 55.359375x17]
frag 2 from TextNode start: 1, length: 7, rect: [8,42 55.359375x17] baseline: 13.296875
"friends"
TextNode <#text>
BreakNode <br>

12
Tests/LibWeb/Layout/expected/flex/calc-flex-basis.txt
View file

@ -3,23 +3,19 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <body> at (10,10) content-size 780x62 children: not-inline
Box <div.flex-container> at (11,11) content-size 778x60 flex-container(row) [FFC] children: not-inline
BlockContainer <div.flex-item> at (12,12) content-size 386x28 flex-item [BFC] children: inline
line 0 width: 58.40625, height: 22, bottom: 22, baseline: 17
frag 0 from TextNode start: 0, length: 6, rect: [12,12 58.40625x22]
frag 0 from TextNode start: 0, length: 6, rect: [12,12 58.40625x22] baseline: 17
"Item 1"
TextNode <#text>
BlockContainer <div.flex-item> at (401,12) content-size 386x28 flex-item [BFC] children: inline
line 0 width: 61.484375, height: 22, bottom: 22, baseline: 17
frag 0 from TextNode start: 0, length: 6, rect: [401,12 61.484375x22]
frag 0 from TextNode start: 0, length: 6, rect: [401,12 61.484375x22] baseline: 17
"Item 2"
TextNode <#text>
BlockContainer <div.flex-item> at (12,42) content-size 386x28 flex-item [BFC] children: inline
line 0 width: 61.84375, height: 22, bottom: 22, baseline: 17
frag 0 from TextNode start: 0, length: 6, rect: [12,42 61.84375x22]
frag 0 from TextNode start: 0, length: 6, rect: [12,42 61.84375x22] baseline: 17
"Item 3"
TextNode <#text>
BlockContainer <div.flex-item> at (401,42) content-size 386x28 flex-item [BFC] children: inline
line 0 width: 60.15625, height: 22, bottom: 22, baseline: 17
frag 0 from TextNode start: 0, length: 6, rect: [401,42 60.15625x22]
frag 0 from TextNode start: 0, length: 6, rect: [401,42 60.15625x22] baseline: 17
"Item 4"
TextNode <#text>

21
Tests/LibWeb/Layout/expected/flex/cross-size-of-item-with-box-sizing-border-box-and-nonzero-padding.txt
View file

@ -3,26 +3,19 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <body> at (10,10) content-size 780x223 children: not-inline
Box <div.outer.flex.flex-wrap> at (11,11) content-size 778x221 flex-container(row) [FFC] children: not-inline
BlockContainer <div.inner> at (12,62) content-size 776x119 flex-item [BFC] children: inline
line 0 width: 741.640625, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 90, rect: [12,62 741.640625x17]
frag 0 from TextNode start: 0, length: 90, rect: [12,62 741.640625x17] baseline: 13.296875
"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus interdum libero et urna"
line 1 width: 765.03125, height: 17, bottom: 34, baseline: 13.296875
frag 0 from TextNode start: 91, length: 95, rect: [12,79 765.03125x17]
frag 1 from TextNode start: 91, length: 95, rect: [12,79 765.03125x17] baseline: 13.296875
"sodales auctor. Nullam sodales bibendum turpis quis blandit. Ut fringilla erat et erat laoreet,"
line 2 width: 747.5625, height: 17, bottom: 51, baseline: 13.296875
frag 0 from TextNode start: 187, length: 90, rect: [12,96 747.5625x17]
frag 2 from TextNode start: 187, length: 90, rect: [12,96 747.5625x17] baseline: 13.296875
"faucibus rhoncus orci hendrerit. Etiam at sagittis diam. Etiam nec neque non dolor iaculis"
line 3 width: 732.109375, height: 17, bottom: 68, baseline: 13.296875
frag 0 from TextNode start: 278, length: 90, rect: [12,113 732.109375x17]
frag 3 from TextNode start: 278, length: 90, rect: [12,113 732.109375x17] baseline: 13.296875
"finibus euismod eget erat. Pellentesque vitae purus vitae nisi vehicula vestibulum quis ut"
line 4 width: 759.453125, height: 17, bottom: 85, baseline: 13.296875
frag 0 from TextNode start: 369, length: 95, rect: [12,130 759.453125x17]
frag 4 from TextNode start: 369, length: 95, rect: [12,130 759.453125x17] baseline: 13.296875
"diam. Integer convallis, justo ullamcorper sollicitudin varius, enim enim pellentesque erat, eu"
line 5 width: 767.1875, height: 17, bottom: 102, baseline: 13.296875
frag 0 from TextNode start: 465, length: 94, rect: [12,147 767.1875x17]
frag 5 from TextNode start: 465, length: 94, rect: [12,147 767.1875x17] baseline: 13.296875
"pellentesque sem arcu eu purus. Phasellus id erat sed felis luctus mollis eget sit amet dolor."
line 6 width: 765.578125, height: 17, bottom: 119, baseline: 13.296875
frag 0 from TextNode start: 560, length: 95, rect: [12,164 765.578125x17]
frag 6 from TextNode start: 560, length: 95, rect: [12,164 765.578125x17] baseline: 13.296875
"Pellentesque eget justo nulla. Duis consectetur imperdiet nisi, ac tincidunt urna blandit quis."
TextNode <#text>

3
Tests/LibWeb/Layout/expected/flex/flex-column-item-with-percentage-max-width.txt
View file

@ -3,8 +3,7 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <body> at (10,10) content-size 54x102 children: not-inline
Box <div.flex> at (11,11) content-size 52x100 flex-container(column) [FFC] children: not-inline
BlockContainer <div.hmm> at (12,12) content-size 50x17 flex-item [BFC] children: inline
line 0 width: 39.78125, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 5, rect: [12,12 39.78125x17]
frag 0 from TextNode start: 0, length: 5, rect: [12,12 39.78125x17] baseline: 13.296875
"Hello"
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline

3
Tests/LibWeb/Layout/expected/flex/flex-container-intrinsic-cross-size-with-max-content-main-size.txt
View file

@ -3,8 +3,7 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <body.outer> at (18,18) content-size 280.84375x17 children: not-inline
Box <div.inner> at (18,18) content-size 280.84375x17 flex-container(row) [FFC] children: not-inline
BlockContainer <(anonymous)> at (18,18) content-size 280.84375x17 flex-item [BFC] children: inline
line 0 width: 280.84375, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 35, rect: [18,18 280.84375x17]
frag 0 from TextNode start: 0, length: 35, rect: [18,18 280.84375x17] baseline: 13.296875
"this text should be all on one line"
TextNode <#text>

11
Tests/LibWeb/Layout/expected/flex/flex-item-min-width-fit-content.txt
View file

@ -7,17 +7,14 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <div.buttons> at (394.625,11) content-size 114.375x50 flex-item [BFC] children: inline
line 0 width: 114.375, height: 19, bottom: 19, baseline: 14.296875
frag 0 from BlockContainer start: 0, length: 0, rect: [395.625,12 57.046875x17]
frag 1 from BlockContainer start: 0, length: 0, rect: [454.625,12 53.328125x17]
frag 0 from BlockContainer start: 0, length: 0, rect: [395.625,12 57.046875x17] baseline: 14.296875
frag 1 from BlockContainer start: 0, length: 0, rect: [454.625,12 53.328125x17] baseline: 14.296875
BlockContainer <div.button> at (395.625,12) content-size 57.046875x17 inline-block [BFC] children: inline
line 0 width: 57.046875, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 6, rect: [395.625,12 57.046875x17]
frag 0 from TextNode start: 0, length: 6, rect: [395.625,12 57.046875x17] baseline: 13.296875
"Accept"
TextNode <#text>
BlockContainer <div.button> at (454.625,12) content-size 53.328125x17 inline-block [BFC] children: inline
line 0 width: 53.328125, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 6, rect: [454.625,12 53.328125x17]
frag 0 from TextNode start: 0, length: 6, rect: [454.625,12 53.328125x17] baseline: 13.296875
"Reject"
TextNode <#text>

9
Tests/LibWeb/Layout/expected/flex/flex-item-with-calc-main-size-and-layout-dependent-containing-block-size.txt
View file

@ -3,14 +3,11 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
Box <body.pink> at (8,8) content-size 784x51 flex-container(row) [FFC] children: not-inline
Box <div.orange> at (8,8) content-size 194.71875x51 flex-container(row) flex-item [FFC] children: not-inline
BlockContainer <div.lime> at (8,8) content-size 87.359375x51 flex-item [BFC] children: inline
line 0 width: 74.75, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 9, rect: [8,8 74.75x17]
frag 0 from TextNode start: 0, length: 9, rect: [8,8 74.75x17] baseline: 13.296875
"This is a"
line 1 width: 71.828125, height: 17, bottom: 34, baseline: 13.296875
frag 0 from TextNode start: 10, length: 8, rect: [8,25 71.828125x17]
frag 1 from TextNode start: 10, length: 8, rect: [8,25 71.828125x17] baseline: 13.296875
"bunch of"
line 2 width: 32.140625, height: 17, bottom: 51, baseline: 13.296875
frag 0 from TextNode start: 19, length: 4, rect: [8,42 32.140625x17]
frag 2 from TextNode start: 19, length: 4, rect: [8,42 32.140625x17] baseline: 13.296875
"text"
TextNode <#text>

9
Tests/LibWeb/Layout/expected/flex/flex-row-reverse-with-centered-content.txt
View file

@ -3,18 +3,15 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <body> at (8,8) content-size 784x50 children: not-inline
Box <div.flex> at (8,8) content-size 784x50 flex-container(row-reverse) [FFC] children: not-inline
BlockContainer <div> at (425,8) content-size 50x50 flex-item [BFC] children: inline
line 0 width: 6.34375, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [425,8 6.34375x17]
frag 0 from TextNode start: 0, length: 1, rect: [425,8 6.34375x17] baseline: 13.296875
"1"
TextNode <#text>
BlockContainer <div> at (375,8) content-size 50x50 flex-item [BFC] children: inline
line 0 width: 8.8125, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [375,8 8.8125x17]
frag 0 from TextNode start: 0, length: 1, rect: [375,8 8.8125x17] baseline: 13.296875
"2"
TextNode <#text>
BlockContainer <div> at (325,8) content-size 50x50 flex-item [BFC] children: inline
line 0 width: 9.09375, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [325,8 9.09375x17]
frag 0 from TextNode start: 0, length: 1, rect: [325,8 9.09375x17] baseline: 13.296875
"3"
TextNode <#text>

12
Tests/LibWeb/Layout/expected/flex/flex-shorthand-flex-basis-zero-percent.txt
View file

@ -3,28 +3,24 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <body> at (10,10) content-size 780x108 children: not-inline
Box <div.flex> at (11,11) content-size 500x52 flex-container(row) [FFC] children: not-inline
BlockContainer <(anonymous)> at (11,11) content-size 36.84375x52 flex-item [BFC] children: inline
line 0 width: 36.84375, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 5, rect: [11,11 36.84375x17]
frag 0 from TextNode start: 0, length: 5, rect: [11,11 36.84375x17] baseline: 13.296875
"hello"
TextNode <#text>
Box <div.item.one> at (48.84375,12) content-size 461.15625x50 flex-container(row) flex-item [FFC] children: not-inline
BlockContainer <(anonymous)> at (48.84375,12) content-size 55.359375x50 flex-item [BFC] children: inline
line 0 width: 55.359375, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 7, rect: [48.84375,12 55.359375x17]
frag 0 from TextNode start: 0, length: 7, rect: [48.84375,12 55.359375x17] baseline: 13.296875
"friends"
TextNode <#text>
BlockContainer <(anonymous)> at (10,64) content-size 780x0 children: inline
TextNode <#text>
Box <div.flex> at (11,65) content-size 500x52 flex-container(row) [FFC] children: not-inline
BlockContainer <(anonymous)> at (11,65) content-size 36.84375x52 flex-item [BFC] children: inline
line 0 width: 36.84375, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 5, rect: [11,65 36.84375x17]
frag 0 from TextNode start: 0, length: 5, rect: [11,65 36.84375x17] baseline: 13.296875
"hello"
TextNode <#text>
Box <div.item.two> at (48.84375,66) content-size 461.15625x50 flex-container(row) flex-item [FFC] children: not-inline
BlockContainer <(anonymous)> at (48.84375,66) content-size 55.359375x50 flex-item [BFC] children: inline
line 0 width: 55.359375, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 7, rect: [48.84375,66 55.359375x17]
frag 0 from TextNode start: 0, length: 7, rect: [48.84375,66 55.359375x17] baseline: 13.296875
"friends"
TextNode <#text>

3
Tests/LibWeb/Layout/expected/flex/inf-available-space-with-auto-margins.txt
View file

@ -2,8 +2,7 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (0,0) content-size 800x33 [BFC] children: not-inline
Box <body> at (8,8) content-size 784x17 flex-container(column) [FFC] children: not-inline
BlockContainer <main> at (8,8) content-size 784x17 flex-item [BFC] children: inline
line 0 width: 153.984375, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 13, rect: [8,8 153.984375x17]
frag 0 from TextNode start: 0, length: 13, rect: [8,8 153.984375x17] baseline: 13.296875
"hmmMMMMmmmmmm"
TextNode <#text>

6
Tests/LibWeb/Layout/expected/flex/inline-flex-with-main-axis-margin-on-flex-container.txt
View file

@ -1,11 +1,9 @@
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (1,1) content-size 500x37 [BFC] children: inline
line 0 width: 272.40625, height: 37, bottom: 37, baseline: 15.296875
frag 0 from Box start: 0, length: 0, rect: [10,10 162.40625x19]
frag 0 from Box start: 0, length: 0, rect: [10,10 162.40625x19] baseline: 15.296875
Box <body> at (10,10) content-size 162.40625x19 flex-container(row) [FFC] children: not-inline
BlockContainer <div> at (11,11) content-size 160.40625x17 flex-item [BFC] children: inline
line 0 width: 160.40625, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 20, rect: [11,11 160.40625x17]
frag 0 from TextNode start: 0, length: 20, rect: [11,11 160.40625x17] baseline: 13.296875
"Immobilie inserieren"
TextNode <#text>

18
Tests/LibWeb/Layout/expected/flex/intrinsic-height-of-column-items-with-different-kinds-of-width.txt
View file

@ -6,8 +6,7 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <div.px> at (11,11) content-size 200x19 flex-item [BFC] children: not-inline
Box <div.inner> at (12,12) content-size 198x17 flex-container(row) [FFC] children: not-inline
BlockContainer <(anonymous)> at (12,12) content-size 19.125x17 flex-item [BFC] children: inline
line 0 width: 19.125, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 2, rect: [12,12 19.125x17]
frag 0 from TextNode start: 0, length: 2, rect: [12,12 19.125x17] baseline: 13.296875
"px"
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
@ -15,8 +14,7 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <div.percentage> at (11,32) content-size 50x19 flex-item [BFC] children: not-inline
Box <div.inner> at (12,33) content-size 48x17 flex-container(row) [FFC] children: not-inline
BlockContainer <(anonymous)> at (12,33) content-size 86.671875x17 flex-item [BFC] children: inline
line 0 width: 86.671875, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 10, rect: [12,33 86.671875x17]
frag 0 from TextNode start: 0, length: 10, rect: [12,33 86.671875x17] baseline: 13.296875
"percentage"
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
@ -24,8 +22,7 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <div.fit-content> at (11,53) content-size 88.765625x19 flex-item [BFC] children: not-inline
Box <div.inner> at (12,54) content-size 86.765625x17 flex-container(row) [FFC] children: not-inline
BlockContainer <(anonymous)> at (12,54) content-size 86.765625x17 flex-item [BFC] children: inline
line 0 width: 86.765625, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 11, rect: [12,54 86.765625x17]
frag 0 from TextNode start: 0, length: 11, rect: [12,54 86.765625x17] baseline: 13.296875
"fit content"
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
@ -33,8 +30,7 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <div.max-content> at (11,74) content-size 102.15625x19 flex-item [BFC] children: not-inline
Box <div.inner> at (12,75) content-size 100.15625x17 flex-container(row) [FFC] children: not-inline
BlockContainer <(anonymous)> at (12,75) content-size 100.15625x17 flex-item [BFC] children: inline
line 0 width: 100.15625, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 11, rect: [12,75 100.15625x17]
frag 0 from TextNode start: 0, length: 11, rect: [12,75 100.15625x17] baseline: 13.296875
"max content"
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
@ -42,11 +38,9 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <div.min-content> at (11,95) content-size 62.90625x36 flex-item [BFC] children: not-inline
Box <div.inner> at (12,96) content-size 60.90625x34 flex-container(row) [FFC] children: not-inline
BlockContainer <(anonymous)> at (12,96) content-size 60.90625x34 flex-item [BFC] children: inline
line 0 width: 26.375, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 3, rect: [12,96 26.375x17]
frag 0 from TextNode start: 0, length: 3, rect: [12,96 26.375x17] baseline: 13.296875
"min"
line 1 width: 60.90625, height: 17, bottom: 34, baseline: 13.296875
frag 0 from TextNode start: 4, length: 7, rect: [12,113 60.90625x17]
frag 1 from TextNode start: 4, length: 7, rect: [12,113 60.90625x17] baseline: 13.296875
"content"
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline

288
Tests/LibWeb/Layout/expected/flex/justify-content-1.txt
View file

@ -5,576 +5,480 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
TextNode <#text>
Box <div.row.outer.start> at (11,11) content-size 300x60 flex-container(row) [FFC] children: not-inline
BlockContainer <div> at (12,12) content-size 50x50 flex-item [BFC] children: inline
line 0 width: 41.234375, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 5, rect: [12,12 41.234375x17]
frag 0 from TextNode start: 0, length: 5, rect: [12,12 41.234375x17] baseline: 13.296875
"start"
TextNode <#text>
BlockContainer <div> at (64,12) content-size 50x50 flex-item [BFC] children: inline
line 0 width: 9.34375, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [64,12 9.34375x17]
frag 0 from TextNode start: 0, length: 1, rect: [64,12 9.34375x17] baseline: 13.296875
"a"
TextNode <#text>
BlockContainer <div> at (116,12) content-size 50x50 flex-item [BFC] children: inline
line 0 width: 9.46875, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [116,12 9.46875x17]
frag 0 from TextNode start: 0, length: 1, rect: [116,12 9.46875x17] baseline: 13.296875
"b"
TextNode <#text>
BlockContainer <(anonymous)> at (10,72) content-size 780x0 children: inline
TextNode <#text>
Box <div.row.outer.flex-start> at (11,73) content-size 300x60 flex-container(row) [FFC] children: not-inline
BlockContainer <div> at (12,74) content-size 50x50 flex-item [BFC] children: inline
line 0 width: 76.8125, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 10, rect: [12,74 76.8125x17]
frag 0 from TextNode start: 0, length: 10, rect: [12,74 76.8125x17] baseline: 13.296875
"flex-start"
TextNode <#text>
BlockContainer <div> at (64,74) content-size 50x50 flex-item [BFC] children: inline
line 0 width: 9.34375, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [64,74 9.34375x17]
frag 0 from TextNode start: 0, length: 1, rect: [64,74 9.34375x17] baseline: 13.296875
"a"
TextNode <#text>
BlockContainer <div> at (116,74) content-size 50x50 flex-item [BFC] children: inline
line 0 width: 9.46875, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [116,74 9.46875x17]
frag 0 from TextNode start: 0, length: 1, rect: [116,74 9.46875x17] baseline: 13.296875
"b"
TextNode <#text>
BlockContainer <(anonymous)> at (10,134) content-size 780x0 children: inline
TextNode <#text>
Box <div.row.outer.end> at (11,135) content-size 300x60 flex-container(row) [FFC] children: not-inline
BlockContainer <div> at (156,136) content-size 50x50 flex-item [BFC] children: inline
line 0 width: 26.1875, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 3, rect: [156,136 26.1875x17]
frag 0 from TextNode start: 0, length: 3, rect: [156,136 26.1875x17] baseline: 13.296875
"end"
TextNode <#text>
BlockContainer <div> at (208,136) content-size 50x50 flex-item [BFC] children: inline
line 0 width: 9.34375, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [208,136 9.34375x17]
frag 0 from TextNode start: 0, length: 1, rect: [208,136 9.34375x17] baseline: 13.296875
"a"
TextNode <#text>
BlockContainer <div> at (260,136) content-size 50x50 flex-item [BFC] children: inline
line 0 width: 9.46875, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [260,136 9.46875x17]
frag 0 from TextNode start: 0, length: 1, rect: [260,136 9.46875x17] baseline: 13.296875
"b"
TextNode <#text>
BlockContainer <(anonymous)> at (10,196) content-size 780x0 children: inline
TextNode <#text>
Box <div.row.outer.flex-end> at (11,197) content-size 300x60 flex-container(row) [FFC] children: not-inline
BlockContainer <div> at (156,198) content-size 50x50 flex-item [BFC] children: inline
line 0 width: 61.765625, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 8, rect: [156,198 61.765625x17]
frag 0 from TextNode start: 0, length: 8, rect: [156,198 61.765625x17] baseline: 13.296875
"flex-end"
TextNode <#text>
BlockContainer <div> at (208,198) content-size 50x50 flex-item [BFC] children: inline
line 0 width: 9.34375, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [208,198 9.34375x17]
frag 0 from TextNode start: 0, length: 1, rect: [208,198 9.34375x17] baseline: 13.296875
"a"
TextNode <#text>
BlockContainer <div> at (260,198) content-size 50x50 flex-item [BFC] children: inline
line 0 width: 9.46875, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [260,198 9.46875x17]
frag 0 from TextNode start: 0, length: 1, rect: [260,198 9.46875x17] baseline: 13.296875
"b"
TextNode <#text>
BlockContainer <(anonymous)> at (10,258) content-size 780x0 children: inline
TextNode <#text>
Box <div.row.outer.center> at (11,259) content-size 300x60 flex-container(row) [FFC] children: not-inline
BlockContainer <div> at (84,260) content-size 50x50 flex-item [BFC] children: inline
line 0 width: 51.625, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 6, rect: [84,260 51.625x17]
frag 0 from TextNode start: 0, length: 6, rect: [84,260 51.625x17] baseline: 13.296875
"center"
TextNode <#text>
BlockContainer <div> at (136,260) content-size 50x50 flex-item [BFC] children: inline
line 0 width: 9.34375, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [136,260 9.34375x17]
frag 0 from TextNode start: 0, length: 1, rect: [136,260 9.34375x17] baseline: 13.296875
"a"
TextNode <#text>
BlockContainer <div> at (188,260) content-size 50x50 flex-item [BFC] children: inline
line 0 width: 9.46875, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [188,260 9.46875x17]
frag 0 from TextNode start: 0, length: 1, rect: [188,260 9.46875x17] baseline: 13.296875
"b"
TextNode <#text>
BlockContainer <(anonymous)> at (10,320) content-size 780x0 children: inline
TextNode <#text>
Box <div.row.outer.space-around> at (11,321) content-size 300x60 flex-container(row) [FFC] children: not-inline
BlockContainer <div> at (36,322) content-size 50x50 flex-item [BFC] children: inline
line 0 width: 107.96875, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 12, rect: [36,322 107.96875x17]
frag 0 from TextNode start: 0, length: 12, rect: [36,322 107.96875x17] baseline: 13.296875
"space-around"
TextNode <#text>
BlockContainer <div> at (136,322) content-size 50x50 flex-item [BFC] children: inline
line 0 width: 9.34375, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [136,322 9.34375x17]
frag 0 from TextNode start: 0, length: 1, rect: [136,322 9.34375x17] baseline: 13.296875
"a"
TextNode <#text>
BlockContainer <div> at (236,322) content-size 50x50 flex-item [BFC] children: inline
line 0 width: 9.46875, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [236,322 9.46875x17]
frag 0 from TextNode start: 0, length: 1, rect: [236,322 9.46875x17] baseline: 13.296875
"b"
TextNode <#text>
BlockContainer <(anonymous)> at (10,382) content-size 780x0 children: inline
TextNode <#text>
Box <div.row.outer.space-between> at (11,383) content-size 300x60 flex-container(row) [FFC] children: not-inline
BlockContainer <div> at (12,384) content-size 50x50 flex-item [BFC] children: inline
line 0 width: 115.515625, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 13, rect: [12,384 115.515625x17]
frag 0 from TextNode start: 0, length: 13, rect: [12,384 115.515625x17] baseline: 13.296875
"space-between"
TextNode <#text>
BlockContainer <div> at (136,384) content-size 50x50 flex-item [BFC] children: inline
line 0 width: 9.34375, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [136,384 9.34375x17]
frag 0 from TextNode start: 0, length: 1, rect: [136,384 9.34375x17] baseline: 13.296875
"a"
TextNode <#text>
BlockContainer <div> at (260,384) content-size 50x50 flex-item [BFC] children: inline
line 0 width: 9.46875, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [260,384 9.46875x17]
frag 0 from TextNode start: 0, length: 1, rect: [260,384 9.46875x17] baseline: 13.296875
"b"
TextNode <#text>
BlockContainer <(anonymous)> at (10,444) content-size 780x0 children: inline
TextNode <#text>
Box <div.row.outer.space-evenly> at (11,445) content-size 300x60 flex-container(row) [FFC] children: not-inline
BlockContainer <div> at (48,446) content-size 50x50 flex-item [BFC] children: inline
line 0 width: 98.859375, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 12, rect: [48,446 98.859375x17]
frag 0 from TextNode start: 0, length: 12, rect: [48,446 98.859375x17] baseline: 13.296875
"space-evenly"
TextNode <#text>
BlockContainer <div> at (136,446) content-size 50x50 flex-item [BFC] children: inline
line 0 width: 9.34375, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [136,446 9.34375x17]
frag 0 from TextNode start: 0, length: 1, rect: [136,446 9.34375x17] baseline: 13.296875
"a"
TextNode <#text>
BlockContainer <div> at (224,446) content-size 50x50 flex-item [BFC] children: inline
line 0 width: 9.46875, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [224,446 9.46875x17]
frag 0 from TextNode start: 0, length: 1, rect: [224,446 9.46875x17] baseline: 13.296875
"b"
TextNode <#text>
BlockContainer <(anonymous)> at (10,506) content-size 780x0 children: inline
TextNode <#text>
Box <div.row.reverse.outer.start> at (11,507) content-size 300x60 flex-container(row-reverse) [FFC] children: not-inline
BlockContainer <div> at (116,508) content-size 50x50 flex-item [BFC] children: inline
line 0 width: 41.234375, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 5, rect: [116,508 41.234375x17]
frag 0 from TextNode start: 0, length: 5, rect: [116,508 41.234375x17] baseline: 13.296875
"start"
TextNode <#text>
BlockContainer <div> at (64,508) content-size 50x50 flex-item [BFC] children: inline
line 0 width: 9.34375, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [64,508 9.34375x17]
frag 0 from TextNode start: 0, length: 1, rect: [64,508 9.34375x17] baseline: 13.296875
"a"
TextNode <#text>
BlockContainer <div> at (12,508) content-size 50x50 flex-item [BFC] children: inline
line 0 width: 9.46875, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [12,508 9.46875x17]
frag 0 from TextNode start: 0, length: 1, rect: [12,508 9.46875x17] baseline: 13.296875
"b"
TextNode <#text>
BlockContainer <(anonymous)> at (10,568) content-size 780x0 children: inline
TextNode <#text>
Box <div.row.reverse.outer.flex-start> at (11,569) content-size 300x60 flex-container(row-reverse) [FFC] children: not-inline
BlockContainer <div> at (260,570) content-size 50x50 flex-item [BFC] children: inline
line 0 width: 76.8125, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 10, rect: [260,570 76.8125x17]
frag 0 from TextNode start: 0, length: 10, rect: [260,570 76.8125x17] baseline: 13.296875
"flex-start"
TextNode <#text>
BlockContainer <div> at (208,570) content-size 50x50 flex-item [BFC] children: inline
line 0 width: 9.34375, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [208,570 9.34375x17]
frag 0 from TextNode start: 0, length: 1, rect: [208,570 9.34375x17] baseline: 13.296875
"a"
TextNode <#text>
BlockContainer <div> at (156,570) content-size 50x50 flex-item [BFC] children: inline
line 0 width: 9.46875, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [156,570 9.46875x17]
frag 0 from TextNode start: 0, length: 1, rect: [156,570 9.46875x17] baseline: 13.296875
"b"
TextNode <#text>
BlockContainer <(anonymous)> at (10,630) content-size 780x0 children: inline
TextNode <#text>
Box <div.row.reverse.outer.end> at (11,631) content-size 300x60 flex-container(row-reverse) [FFC] children: not-inline
BlockContainer <div> at (260,632) content-size 50x50 flex-item [BFC] children: inline
line 0 width: 26.1875, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 3, rect: [260,632 26.1875x17]
frag 0 from TextNode start: 0, length: 3, rect: [260,632 26.1875x17] baseline: 13.296875
"end"
TextNode <#text>
BlockContainer <div> at (208,632) content-size 50x50 flex-item [BFC] children: inline
line 0 width: 9.34375, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [208,632 9.34375x17]
frag 0 from TextNode start: 0, length: 1, rect: [208,632 9.34375x17] baseline: 13.296875
"a"
TextNode <#text>
BlockContainer <div> at (156,632) content-size 50x50 flex-item [BFC] children: inline
line 0 width: 9.46875, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [156,632 9.46875x17]
frag 0 from TextNode start: 0, length: 1, rect: [156,632 9.46875x17] baseline: 13.296875
"b"
TextNode <#text>
BlockContainer <(anonymous)> at (10,692) content-size 780x0 children: inline
TextNode <#text>
Box <div.row.reverse.outer.flex-end> at (11,693) content-size 300x60 flex-container(row-reverse) [FFC] children: not-inline
BlockContainer <div> at (116,694) content-size 50x50 flex-item [BFC] children: inline
line 0 width: 61.765625, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 8, rect: [116,694 61.765625x17]
frag 0 from TextNode start: 0, length: 8, rect: [116,694 61.765625x17] baseline: 13.296875
"flex-end"
TextNode <#text>
BlockContainer <div> at (64,694) content-size 50x50 flex-item [BFC] children: inline
line 0 width: 9.34375, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [64,694 9.34375x17]
frag 0 from TextNode start: 0, length: 1, rect: [64,694 9.34375x17] baseline: 13.296875
"a"
TextNode <#text>
BlockContainer <div> at (12,694) content-size 50x50 flex-item [BFC] children: inline
line 0 width: 9.46875, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [12,694 9.46875x17]
frag 0 from TextNode start: 0, length: 1, rect: [12,694 9.46875x17] baseline: 13.296875
"b"
TextNode <#text>
BlockContainer <(anonymous)> at (10,754) content-size 780x0 children: inline
TextNode <#text>
Box <div.row.reverse.outer.center> at (11,755) content-size 300x60 flex-container(row-reverse) [FFC] children: not-inline
BlockContainer <div> at (188,756) content-size 50x50 flex-item [BFC] children: inline
line 0 width: 51.625, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 6, rect: [188,756 51.625x17]
frag 0 from TextNode start: 0, length: 6, rect: [188,756 51.625x17] baseline: 13.296875
"center"
TextNode <#text>
BlockContainer <div> at (136,756) content-size 50x50 flex-item [BFC] children: inline
line 0 width: 9.34375, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [136,756 9.34375x17]
frag 0 from TextNode start: 0, length: 1, rect: [136,756 9.34375x17] baseline: 13.296875
"a"
TextNode <#text>
BlockContainer <div> at (84,756) content-size 50x50 flex-item [BFC] children: inline
line 0 width: 9.46875, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [84,756 9.46875x17]
frag 0 from TextNode start: 0, length: 1, rect: [84,756 9.46875x17] baseline: 13.296875
"b"
TextNode <#text>
BlockContainer <(anonymous)> at (10,816) content-size 780x0 children: inline
TextNode <#text>
Box <div.row.reverse.outer.space-around> at (11,817) content-size 300x60 flex-container(row-reverse) [FFC] children: not-inline
BlockContainer <div> at (236,818) content-size 50x50 flex-item [BFC] children: inline
line 0 width: 107.96875, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 12, rect: [236,818 107.96875x17]
frag 0 from TextNode start: 0, length: 12, rect: [236,818 107.96875x17] baseline: 13.296875
"space-around"
TextNode <#text>
BlockContainer <div> at (136,818) content-size 50x50 flex-item [BFC] children: inline
line 0 width: 9.34375, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [136,818 9.34375x17]
frag 0 from TextNode start: 0, length: 1, rect: [136,818 9.34375x17] baseline: 13.296875
"a"
TextNode <#text>
BlockContainer <div> at (36,818) content-size 50x50 flex-item [BFC] children: inline
line 0 width: 9.46875, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [36,818 9.46875x17]
frag 0 from TextNode start: 0, length: 1, rect: [36,818 9.46875x17] baseline: 13.296875
"b"
TextNode <#text>
BlockContainer <(anonymous)> at (10,878) content-size 780x0 children: inline
TextNode <#text>
Box <div.row.reverse.outer.space-between> at (11,879) content-size 300x60 flex-container(row-reverse) [FFC] children: not-inline
BlockContainer <div> at (260,880) content-size 50x50 flex-item [BFC] children: inline
line 0 width: 115.515625, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 13, rect: [260,880 115.515625x17]
frag 0 from TextNode start: 0, length: 13, rect: [260,880 115.515625x17] baseline: 13.296875
"space-between"
TextNode <#text>
BlockContainer <div> at (136,880) content-size 50x50 flex-item [BFC] children: inline
line 0 width: 9.34375, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [136,880 9.34375x17]
frag 0 from TextNode start: 0, length: 1, rect: [136,880 9.34375x17] baseline: 13.296875
"a"
TextNode <#text>
BlockContainer <div> at (12,880) content-size 50x50 flex-item [BFC] children: inline
line 0 width: 9.46875, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [12,880 9.46875x17]
frag 0 from TextNode start: 0, length: 1, rect: [12,880 9.46875x17] baseline: 13.296875
"b"
TextNode <#text>
BlockContainer <(anonymous)> at (10,940) content-size 780x0 children: inline
TextNode <#text>
Box <div.row.reverse.outer.space-evenly> at (11,941) content-size 300x60 flex-container(row-reverse) [FFC] children: not-inline
BlockContainer <div> at (224,942) content-size 50x50 flex-item [BFC] children: inline
line 0 width: 98.859375, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 12, rect: [224,942 98.859375x17]
frag 0 from TextNode start: 0, length: 12, rect: [224,942 98.859375x17] baseline: 13.296875
"space-evenly"
TextNode <#text>
BlockContainer <div> at (136,942) content-size 50x50 flex-item [BFC] children: inline
line 0 width: 9.34375, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [136,942 9.34375x17]
frag 0 from TextNode start: 0, length: 1, rect: [136,942 9.34375x17] baseline: 13.296875
"a"
TextNode <#text>
BlockContainer <div> at (48,942) content-size 50x50 flex-item [BFC] children: inline
line 0 width: 9.46875, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [48,942 9.46875x17]
frag 0 from TextNode start: 0, length: 1, rect: [48,942 9.46875x17] baseline: 13.296875
"b"
TextNode <#text>
BlockContainer <(anonymous)> at (10,1002) content-size 780x0 children: inline
TextNode <#text>
Box <div.column.outer.start> at (11,1003) content-size 60x300 flex-container(column) [FFC] children: not-inline
BlockContainer <div> at (12,1004) content-size 50x50 flex-item [BFC] children: inline
line 0 width: 41.234375, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 5, rect: [12,1004 41.234375x17]
frag 0 from TextNode start: 0, length: 5, rect: [12,1004 41.234375x17] baseline: 13.296875
"start"
TextNode <#text>
BlockContainer <div> at (12,1056) content-size 50x50 flex-item [BFC] children: inline
line 0 width: 9.34375, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [12,1056 9.34375x17]
frag 0 from TextNode start: 0, length: 1, rect: [12,1056 9.34375x17] baseline: 13.296875
"a"
TextNode <#text>
BlockContainer <div> at (12,1108) content-size 50x50 flex-item [BFC] children: inline
line 0 width: 9.46875, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [12,1108 9.46875x17]
frag 0 from TextNode start: 0, length: 1, rect: [12,1108 9.46875x17] baseline: 13.296875
"b"
TextNode <#text>
BlockContainer <(anonymous)> at (10,1304) content-size 780x0 children: inline
TextNode <#text>
Box <div.column.outer.flex-start> at (11,1305) content-size 60x300 flex-container(column) [FFC] children: not-inline
BlockContainer <div> at (12,1306) content-size 50x50 flex-item [BFC] children: inline
line 0 width: 76.8125, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 10, rect: [12,1306 76.8125x17]
frag 0 from TextNode start: 0, length: 10, rect: [12,1306 76.8125x17] baseline: 13.296875
"flex-start"
TextNode <#text>
BlockContainer <div> at (12,1358) content-size 50x50 flex-item [BFC] children: inline
line 0 width: 9.34375, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [12,1358 9.34375x17]
frag 0 from TextNode start: 0, length: 1, rect: [12,1358 9.34375x17] baseline: 13.296875
"a"
TextNode <#text>
BlockContainer <div> at (12,1410) content-size 50x50 flex-item [BFC] children: inline
line 0 width: 9.46875, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [12,1410 9.46875x17]
frag 0 from TextNode start: 0, length: 1, rect: [12,1410 9.46875x17] baseline: 13.296875
"b"
TextNode <#text>
BlockContainer <(anonymous)> at (10,1606) content-size 780x0 children: inline
TextNode <#text>
Box <div.column.outer.end> at (11,1607) content-size 60x300 flex-container(column) [FFC] children: not-inline
BlockContainer <div> at (12,1752) content-size 50x50 flex-item [BFC] children: inline
line 0 width: 26.1875, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 3, rect: [12,1752 26.1875x17]
frag 0 from TextNode start: 0, length: 3, rect: [12,1752 26.1875x17] baseline: 13.296875
"end"
TextNode <#text>
BlockContainer <div> at (12,1804) content-size 50x50 flex-item [BFC] children: inline
line 0 width: 9.34375, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [12,1804 9.34375x17]
frag 0 from TextNode start: 0, length: 1, rect: [12,1804 9.34375x17] baseline: 13.296875
"a"
TextNode <#text>
BlockContainer <div> at (12,1856) content-size 50x50 flex-item [BFC] children: inline
line 0 width: 9.46875, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [12,1856 9.46875x17]
frag 0 from TextNode start: 0, length: 1, rect: [12,1856 9.46875x17] baseline: 13.296875
"b"
TextNode <#text>
BlockContainer <(anonymous)> at (10,1908) content-size 780x0 children: inline
TextNode <#text>
Box <div.column.outer.flex-end> at (11,1909) content-size 60x300 flex-container(column) [FFC] children: not-inline
BlockContainer <div> at (12,2054) content-size 50x50 flex-item [BFC] children: inline
line 0 width: 61.765625, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 8, rect: [12,2054 61.765625x17]
frag 0 from TextNode start: 0, length: 8, rect: [12,2054 61.765625x17] baseline: 13.296875
"flex-end"
TextNode <#text>
BlockContainer <div> at (12,2106) content-size 50x50 flex-item [BFC] children: inline
line 0 width: 9.34375, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [12,2106 9.34375x17]
frag 0 from TextNode start: 0, length: 1, rect: [12,2106 9.34375x17] baseline: 13.296875
"a"
TextNode <#text>
BlockContainer <div> at (12,2158) content-size 50x50 flex-item [BFC] children: inline
line 0 width: 9.46875, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [12,2158 9.46875x17]
frag 0 from TextNode start: 0, length: 1, rect: [12,2158 9.46875x17] baseline: 13.296875
"b"
TextNode <#text>
BlockContainer <(anonymous)> at (10,2210) content-size 780x0 children: inline
TextNode <#text>
Box <div.column.outer.center> at (11,2211) content-size 60x300 flex-container(column) [FFC] children: not-inline
BlockContainer <div> at (12,2284) content-size 50x50 flex-item [BFC] children: inline
line 0 width: 51.625, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 6, rect: [12,2284 51.625x17]
frag 0 from TextNode start: 0, length: 6, rect: [12,2284 51.625x17] baseline: 13.296875
"center"
TextNode <#text>
BlockContainer <div> at (12,2336) content-size 50x50 flex-item [BFC] children: inline
line 0 width: 9.34375, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [12,2336 9.34375x17]
frag 0 from TextNode start: 0, length: 1, rect: [12,2336 9.34375x17] baseline: 13.296875
"a"
TextNode <#text>
BlockContainer <div> at (12,2388) content-size 50x50 flex-item [BFC] children: inline
line 0 width: 9.46875, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [12,2388 9.46875x17]
frag 0 from TextNode start: 0, length: 1, rect: [12,2388 9.46875x17] baseline: 13.296875
"b"
TextNode <#text>
BlockContainer <(anonymous)> at (10,2512) content-size 780x0 children: inline
TextNode <#text>
Box <div.column.outer.space-around> at (11,2513) content-size 60x300 flex-container(column) [FFC] children: not-inline
BlockContainer <div> at (12,2538) content-size 50x50 flex-item [BFC] children: inline
line 0 width: 107.96875, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 12, rect: [12,2538 107.96875x17]
frag 0 from TextNode start: 0, length: 12, rect: [12,2538 107.96875x17] baseline: 13.296875
"space-around"
TextNode <#text>
BlockContainer <div> at (12,2638) content-size 50x50 flex-item [BFC] children: inline
line 0 width: 9.34375, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [12,2638 9.34375x17]
frag 0 from TextNode start: 0, length: 1, rect: [12,2638 9.34375x17] baseline: 13.296875
"a"
TextNode <#text>
BlockContainer <div> at (12,2738) content-size 50x50 flex-item [BFC] children: inline
line 0 width: 9.46875, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [12,2738 9.46875x17]
frag 0 from TextNode start: 0, length: 1, rect: [12,2738 9.46875x17] baseline: 13.296875
"b"
TextNode <#text>
BlockContainer <(anonymous)> at (10,2814) content-size 780x0 children: inline
TextNode <#text>
Box <div.column.outer.space-between> at (11,2815) content-size 60x300 flex-container(column) [FFC] children: not-inline
BlockContainer <div> at (12,2816) content-size 50x50 flex-item [BFC] children: inline
line 0 width: 115.515625, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 13, rect: [12,2816 115.515625x17]
frag 0 from TextNode start: 0, length: 13, rect: [12,2816 115.515625x17] baseline: 13.296875
"space-between"
TextNode <#text>
BlockContainer <div> at (12,2940) content-size 50x50 flex-item [BFC] children: inline
line 0 width: 9.34375, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [12,2940 9.34375x17]
frag 0 from TextNode start: 0, length: 1, rect: [12,2940 9.34375x17] baseline: 13.296875
"a"
TextNode <#text>
BlockContainer <div> at (12,3064) content-size 50x50 flex-item [BFC] children: inline
line 0 width: 9.46875, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [12,3064 9.46875x17]
frag 0 from TextNode start: 0, length: 1, rect: [12,3064 9.46875x17] baseline: 13.296875
"b"
TextNode <#text>
BlockContainer <(anonymous)> at (10,3116) content-size 780x0 children: inline
TextNode <#text>
Box <div.column.outer.space-evenly> at (11,3117) content-size 60x300 flex-container(column) [FFC] children: not-inline
BlockContainer <div> at (12,3154) content-size 50x50 flex-item [BFC] children: inline
line 0 width: 98.859375, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 12, rect: [12,3154 98.859375x17]
frag 0 from TextNode start: 0, length: 12, rect: [12,3154 98.859375x17] baseline: 13.296875
"space-evenly"
TextNode <#text>
BlockContainer <div> at (12,3242) content-size 50x50 flex-item [BFC] children: inline
line 0 width: 9.34375, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [12,3242 9.34375x17]
frag 0 from TextNode start: 0, length: 1, rect: [12,3242 9.34375x17] baseline: 13.296875
"a"
TextNode <#text>
BlockContainer <div> at (12,3330) content-size 50x50 flex-item [BFC] children: inline
line 0 width: 9.46875, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [12,3330 9.46875x17]
frag 0 from TextNode start: 0, length: 1, rect: [12,3330 9.46875x17] baseline: 13.296875
"b"
TextNode <#text>
BlockContainer <(anonymous)> at (10,3418) content-size 780x0 children: inline
TextNode <#text>
Box <div.column.reverse.outer.start> at (11,3419) content-size 60x300 flex-container(column-reverse) [FFC] children: not-inline
BlockContainer <div> at (12,3524) content-size 50x50 flex-item [BFC] children: inline
line 0 width: 41.234375, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 5, rect: [12,3524 41.234375x17]
frag 0 from TextNode start: 0, length: 5, rect: [12,3524 41.234375x17] baseline: 13.296875
"start"
TextNode <#text>
BlockContainer <div> at (12,3472) content-size 50x50 flex-item [BFC] children: inline
line 0 width: 9.34375, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [12,3472 9.34375x17]
frag 0 from TextNode start: 0, length: 1, rect: [12,3472 9.34375x17] baseline: 13.296875
"a"
TextNode <#text>
BlockContainer <div> at (12,3420) content-size 50x50 flex-item [BFC] children: inline
line 0 width: 9.46875, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [12,3420 9.46875x17]
frag 0 from TextNode start: 0, length: 1, rect: [12,3420 9.46875x17] baseline: 13.296875
"b"
TextNode <#text>
BlockContainer <(anonymous)> at (10,3720) content-size 780x0 children: inline
TextNode <#text>
Box <div.column.reverse.outer.flex-start> at (11,3721) content-size 60x300 flex-container(column-reverse) [FFC] children: not-inline
BlockContainer <div> at (12,3970) content-size 50x50 flex-item [BFC] children: inline
line 0 width: 76.8125, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 10, rect: [12,3970 76.8125x17]
frag 0 from TextNode start: 0, length: 10, rect: [12,3970 76.8125x17] baseline: 13.296875
"flex-start"
TextNode <#text>
BlockContainer <div> at (12,3918) content-size 50x50 flex-item [BFC] children: inline
line 0 width: 9.34375, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [12,3918 9.34375x17]
frag 0 from TextNode start: 0, length: 1, rect: [12,3918 9.34375x17] baseline: 13.296875
"a"
TextNode <#text>
BlockContainer <div> at (12,3866) content-size 50x50 flex-item [BFC] children: inline
line 0 width: 9.46875, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [12,3866 9.46875x17]
frag 0 from TextNode start: 0, length: 1, rect: [12,3866 9.46875x17] baseline: 13.296875
"b"
TextNode <#text>
BlockContainer <(anonymous)> at (10,4022) content-size 780x0 children: inline
TextNode <#text>
Box <div.column.reverse.outer.end> at (11,4023) content-size 60x300 flex-container(column-reverse) [FFC] children: not-inline
BlockContainer <div> at (12,4272) content-size 50x50 flex-item [BFC] children: inline
line 0 width: 26.1875, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 3, rect: [12,4272 26.1875x17]
frag 0 from TextNode start: 0, length: 3, rect: [12,4272 26.1875x17] baseline: 13.296875
"end"
TextNode <#text>
BlockContainer <div> at (12,4220) content-size 50x50 flex-item [BFC] children: inline
line 0 width: 9.34375, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [12,4220 9.34375x17]
frag 0 from TextNode start: 0, length: 1, rect: [12,4220 9.34375x17] baseline: 13.296875
"a"
TextNode <#text>
BlockContainer <div> at (12,4168) content-size 50x50 flex-item [BFC] children: inline
line 0 width: 9.46875, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [12,4168 9.46875x17]
frag 0 from TextNode start: 0, length: 1, rect: [12,4168 9.46875x17] baseline: 13.296875
"b"
TextNode <#text>
BlockContainer <(anonymous)> at (10,4324) content-size 780x0 children: inline
TextNode <#text>
Box <div.column.reverse.outer.flex-end> at (11,4325) content-size 60x300 flex-container(column-reverse) [FFC] children: not-inline
BlockContainer <div> at (12,4430) content-size 50x50 flex-item [BFC] children: inline
line 0 width: 61.765625, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 8, rect: [12,4430 61.765625x17]
frag 0 from TextNode start: 0, length: 8, rect: [12,4430 61.765625x17] baseline: 13.296875
"flex-end"
TextNode <#text>
BlockContainer <div> at (12,4378) content-size 50x50 flex-item [BFC] children: inline
line 0 width: 9.34375, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [12,4378 9.34375x17]
frag 0 from TextNode start: 0, length: 1, rect: [12,4378 9.34375x17] baseline: 13.296875
"a"
TextNode <#text>
BlockContainer <div> at (12,4326) content-size 50x50 flex-item [BFC] children: inline
line 0 width: 9.46875, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [12,4326 9.46875x17]
frag 0 from TextNode start: 0, length: 1, rect: [12,4326 9.46875x17] baseline: 13.296875
"b"
TextNode <#text>
BlockContainer <(anonymous)> at (10,4626) content-size 780x0 children: inline
TextNode <#text>
Box <div.column.reverse.outer.center> at (11,4627) content-size 60x300 flex-container(column-reverse) [FFC] children: not-inline
BlockContainer <div> at (12,4804) content-size 50x50 flex-item [BFC] children: inline
line 0 width: 51.625, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 6, rect: [12,4804 51.625x17]
frag 0 from TextNode start: 0, length: 6, rect: [12,4804 51.625x17] baseline: 13.296875
"center"
TextNode <#text>
BlockContainer <div> at (12,4752) content-size 50x50 flex-item [BFC] children: inline
line 0 width: 9.34375, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [12,4752 9.34375x17]
frag 0 from TextNode start: 0, length: 1, rect: [12,4752 9.34375x17] baseline: 13.296875
"a"
TextNode <#text>
BlockContainer <div> at (12,4700) content-size 50x50 flex-item [BFC] children: inline
line 0 width: 9.46875, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [12,4700 9.46875x17]
frag 0 from TextNode start: 0, length: 1, rect: [12,4700 9.46875x17] baseline: 13.296875
"b"
TextNode <#text>
BlockContainer <(anonymous)> at (10,4928) content-size 780x0 children: inline
TextNode <#text>
Box <div.column.reverse.outer.space-around> at (11,4929) content-size 60x300 flex-container(column-reverse) [FFC] children: not-inline
BlockContainer <div> at (12,5154) content-size 50x50 flex-item [BFC] children: inline
line 0 width: 107.96875, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 12, rect: [12,5154 107.96875x17]
frag 0 from TextNode start: 0, length: 12, rect: [12,5154 107.96875x17] baseline: 13.296875
"space-around"
TextNode <#text>
BlockContainer <div> at (12,5054) content-size 50x50 flex-item [BFC] children: inline
line 0 width: 9.34375, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [12,5054 9.34375x17]
frag 0 from TextNode start: 0, length: 1, rect: [12,5054 9.34375x17] baseline: 13.296875
"a"
TextNode <#text>
BlockContainer <div> at (12,4954) content-size 50x50 flex-item [BFC] children: inline
line 0 width: 9.46875, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [12,4954 9.46875x17]
frag 0 from TextNode start: 0, length: 1, rect: [12,4954 9.46875x17] baseline: 13.296875
"b"
TextNode <#text>
BlockContainer <(anonymous)> at (10,5230) content-size 780x0 children: inline
TextNode <#text>
Box <div.column.reverse.outer.space-between> at (11,5231) content-size 60x300 flex-container(column-reverse) [FFC] children: not-inline
BlockContainer <div> at (12,5480) content-size 50x50 flex-item [BFC] children: inline
line 0 width: 115.515625, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 13, rect: [12,5480 115.515625x17]
frag 0 from TextNode start: 0, length: 13, rect: [12,5480 115.515625x17] baseline: 13.296875
"space-between"
TextNode <#text>
BlockContainer <div> at (12,5356) content-size 50x50 flex-item [BFC] children: inline
line 0 width: 9.34375, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [12,5356 9.34375x17]
frag 0 from TextNode start: 0, length: 1, rect: [12,5356 9.34375x17] baseline: 13.296875
"a"
TextNode <#text>
BlockContainer <div> at (12,5232) content-size 50x50 flex-item [BFC] children: inline
line 0 width: 9.46875, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [12,5232 9.46875x17]
frag 0 from TextNode start: 0, length: 1, rect: [12,5232 9.46875x17] baseline: 13.296875
"b"
TextNode <#text>
BlockContainer <(anonymous)> at (10,5532) content-size 780x0 children: inline
TextNode <#text>
Box <div.column.reverse.outer.space-evenly> at (11,5533) content-size 60x300 flex-container(column-reverse) [FFC] children: not-inline
BlockContainer <div> at (12,5746) content-size 50x50 flex-item [BFC] children: inline
line 0 width: 98.859375, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 12, rect: [12,5746 98.859375x17]
frag 0 from TextNode start: 0, length: 12, rect: [12,5746 98.859375x17] baseline: 13.296875
"space-evenly"
TextNode <#text>
BlockContainer <div> at (12,5658) content-size 50x50 flex-item [BFC] children: inline
line 0 width: 9.34375, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [12,5658 9.34375x17]
frag 0 from TextNode start: 0, length: 1, rect: [12,5658 9.34375x17] baseline: 13.296875
"a"
TextNode <#text>
BlockContainer <div> at (12,5570) content-size 50x50 flex-item [BFC] children: inline
line 0 width: 9.46875, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [12,5570 9.46875x17]
frag 0 from TextNode start: 0, length: 1, rect: [12,5570 9.46875x17] baseline: 13.296875
"b"
TextNode <#text>
BlockContainer <(anonymous)> at (10,5834) content-size 780x0 children: inline

3
Tests/LibWeb/Layout/expected/flex/justify-content-space-between-single-item.txt
View file

@ -3,8 +3,7 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <body> at (8,8) content-size 784x17 children: not-inline
Box <div.container> at (8,8) content-size 784x17 flex-container(row) [FFC] children: not-inline
BlockContainer <div> at (8,8) content-size 14.265625x17 flex-item [BFC] children: inline
line 0 width: 14.265625, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [8,8 14.265625x17]
frag 0 from TextNode start: 0, length: 1, rect: [8,8 14.265625x17] baseline: 13.296875
"A"
TextNode <#text>

144
Tests/LibWeb/Layout/expected/flex/justify-content-with-margin-auto-child.txt
View file

@ -5,288 +5,240 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
TextNode <#text>
Box <div.row.outer.start> at (11,11) content-size 300x60 flex-container(row) [FFC] children: not-inline
BlockContainer <div> at (60,12) content-size 50x50 flex-item [BFC] children: inline
line 0 width: 41.234375, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 5, rect: [60,12 41.234375x17]
frag 0 from TextNode start: 0, length: 5, rect: [60,12 41.234375x17] baseline: 13.296875
"start"
TextNode <#text>
BlockContainer <div> at (160,12) content-size 50x50 flex-item [BFC] children: inline
line 0 width: 9.34375, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [160,12 9.34375x17]
frag 0 from TextNode start: 0, length: 1, rect: [160,12 9.34375x17] baseline: 13.296875
"a"
TextNode <#text>
BlockContainer <div> at (260,12) content-size 50x50 flex-item [BFC] children: inline
line 0 width: 9.46875, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [260,12 9.46875x17]
frag 0 from TextNode start: 0, length: 1, rect: [260,12 9.46875x17] baseline: 13.296875
"b"
TextNode <#text>
BlockContainer <(anonymous)> at (10,72) content-size 780x0 children: inline
TextNode <#text>
Box <div.row.outer.flex-start> at (11,73) content-size 300x60 flex-container(row) [FFC] children: not-inline
BlockContainer <div> at (60,74) content-size 50x50 flex-item [BFC] children: inline
line 0 width: 76.8125, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 10, rect: [60,74 76.8125x17]
frag 0 from TextNode start: 0, length: 10, rect: [60,74 76.8125x17] baseline: 13.296875
"flex-start"
TextNode <#text>
BlockContainer <div> at (160,74) content-size 50x50 flex-item [BFC] children: inline
line 0 width: 9.34375, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [160,74 9.34375x17]
frag 0 from TextNode start: 0, length: 1, rect: [160,74 9.34375x17] baseline: 13.296875
"a"
TextNode <#text>
BlockContainer <div> at (260,74) content-size 50x50 flex-item [BFC] children: inline
line 0 width: 9.46875, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [260,74 9.46875x17]
frag 0 from TextNode start: 0, length: 1, rect: [260,74 9.46875x17] baseline: 13.296875
"b"
TextNode <#text>
BlockContainer <(anonymous)> at (10,134) content-size 780x0 children: inline
TextNode <#text>
Box <div.row.outer.end> at (11,135) content-size 300x60 flex-container(row) [FFC] children: not-inline
BlockContainer <div> at (12,136) content-size 50x50 flex-item [BFC] children: inline
line 0 width: 26.1875, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 3, rect: [12,136 26.1875x17]
frag 0 from TextNode start: 0, length: 3, rect: [12,136 26.1875x17] baseline: 13.296875
"end"
TextNode <#text>
BlockContainer <div> at (112,136) content-size 50x50 flex-item [BFC] children: inline
line 0 width: 9.34375, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [112,136 9.34375x17]
frag 0 from TextNode start: 0, length: 1, rect: [112,136 9.34375x17] baseline: 13.296875
"a"
TextNode <#text>
BlockContainer <div> at (212,136) content-size 50x50 flex-item [BFC] children: inline
line 0 width: 9.46875, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [212,136 9.46875x17]
frag 0 from TextNode start: 0, length: 1, rect: [212,136 9.46875x17] baseline: 13.296875
"b"
TextNode <#text>
BlockContainer <(anonymous)> at (10,196) content-size 780x0 children: inline
TextNode <#text>
Box <div.row.outer.flex-end> at (11,197) content-size 300x60 flex-container(row) [FFC] children: not-inline
BlockContainer <div> at (12,198) content-size 50x50 flex-item [BFC] children: inline
line 0 width: 61.765625, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 8, rect: [12,198 61.765625x17]
frag 0 from TextNode start: 0, length: 8, rect: [12,198 61.765625x17] baseline: 13.296875
"flex-end"
TextNode <#text>
BlockContainer <div> at (112,198) content-size 50x50 flex-item [BFC] children: inline
line 0 width: 9.34375, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [112,198 9.34375x17]
frag 0 from TextNode start: 0, length: 1, rect: [112,198 9.34375x17] baseline: 13.296875
"a"
TextNode <#text>
BlockContainer <div> at (212,198) content-size 50x50 flex-item [BFC] children: inline
line 0 width: 9.46875, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [212,198 9.46875x17]
frag 0 from TextNode start: 0, length: 1, rect: [212,198 9.46875x17] baseline: 13.296875
"b"
TextNode <#text>
BlockContainer <(anonymous)> at (10,258) content-size 780x0 children: inline
TextNode <#text>
Box <div.row.reverse.outer.start> at (11,259) content-size 300x60 flex-container(row-reverse) [FFC] children: not-inline
BlockContainer <div> at (260,260) content-size 50x50 flex-item [BFC] children: inline
line 0 width: 41.234375, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 5, rect: [260,260 41.234375x17]
frag 0 from TextNode start: 0, length: 5, rect: [260,260 41.234375x17] baseline: 13.296875
"start"
TextNode <#text>
BlockContainer <div> at (160,260) content-size 50x50 flex-item [BFC] children: inline
line 0 width: 9.34375, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [160,260 9.34375x17]
frag 0 from TextNode start: 0, length: 1, rect: [160,260 9.34375x17] baseline: 13.296875
"a"
TextNode <#text>
BlockContainer <div> at (60,260) content-size 50x50 flex-item [BFC] children: inline
line 0 width: 9.46875, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [60,260 9.46875x17]
frag 0 from TextNode start: 0, length: 1, rect: [60,260 9.46875x17] baseline: 13.296875
"b"
TextNode <#text>
BlockContainer <(anonymous)> at (10,320) content-size 780x0 children: inline
TextNode <#text>
Box <div.row.reverse.outer.flex-start> at (11,321) content-size 300x60 flex-container(row-reverse) [FFC] children: not-inline
BlockContainer <div> at (260,322) content-size 50x50 flex-item [BFC] children: inline
line 0 width: 76.8125, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 10, rect: [260,322 76.8125x17]
frag 0 from TextNode start: 0, length: 10, rect: [260,322 76.8125x17] baseline: 13.296875
"flex-start"
TextNode <#text>
BlockContainer <div> at (160,322) content-size 50x50 flex-item [BFC] children: inline
line 0 width: 9.34375, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [160,322 9.34375x17]
frag 0 from TextNode start: 0, length: 1, rect: [160,322 9.34375x17] baseline: 13.296875
"a"
TextNode <#text>
BlockContainer <div> at (60,322) content-size 50x50 flex-item [BFC] children: inline
line 0 width: 9.46875, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [60,322 9.46875x17]
frag 0 from TextNode start: 0, length: 1, rect: [60,322 9.46875x17] baseline: 13.296875
"b"
TextNode <#text>
BlockContainer <(anonymous)> at (10,382) content-size 780x0 children: inline
TextNode <#text>
Box <div.row.reverse.outer.end> at (11,383) content-size 300x60 flex-container(row-reverse) [FFC] children: not-inline
BlockContainer <div> at (212,384) content-size 50x50 flex-item [BFC] children: inline
line 0 width: 26.1875, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 3, rect: [212,384 26.1875x17]
frag 0 from TextNode start: 0, length: 3, rect: [212,384 26.1875x17] baseline: 13.296875
"end"
TextNode <#text>
BlockContainer <div> at (112,384) content-size 50x50 flex-item [BFC] children: inline
line 0 width: 9.34375, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [112,384 9.34375x17]
frag 0 from TextNode start: 0, length: 1, rect: [112,384 9.34375x17] baseline: 13.296875
"a"
TextNode <#text>
BlockContainer <div> at (12,384) content-size 50x50 flex-item [BFC] children: inline
line 0 width: 9.46875, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [12,384 9.46875x17]
frag 0 from TextNode start: 0, length: 1, rect: [12,384 9.46875x17] baseline: 13.296875
"b"
TextNode <#text>
BlockContainer <(anonymous)> at (10,444) content-size 780x0 children: inline
TextNode <#text>
Box <div.row.reverse.outer.flex-end> at (11,445) content-size 300x60 flex-container(row-reverse) [FFC] children: not-inline
BlockContainer <div> at (212,446) content-size 50x50 flex-item [BFC] children: inline
line 0 width: 61.765625, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 8, rect: [212,446 61.765625x17]
frag 0 from TextNode start: 0, length: 8, rect: [212,446 61.765625x17] baseline: 13.296875
"flex-end"
TextNode <#text>
BlockContainer <div> at (112,446) content-size 50x50 flex-item [BFC] children: inline
line 0 width: 9.34375, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [112,446 9.34375x17]
frag 0 from TextNode start: 0, length: 1, rect: [112,446 9.34375x17] baseline: 13.296875
"a"
TextNode <#text>
BlockContainer <div> at (12,446) content-size 50x50 flex-item [BFC] children: inline
line 0 width: 9.46875, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [12,446 9.46875x17]
frag 0 from TextNode start: 0, length: 1, rect: [12,446 9.46875x17] baseline: 13.296875
"b"
TextNode <#text>
BlockContainer <(anonymous)> at (10,506) content-size 780x0 children: inline
TextNode <#text>
Box <div.column.outer.start> at (11,507) content-size 60x300 flex-container(column) [FFC] children: not-inline
BlockContainer <div> at (20,508) content-size 50x50 flex-item [BFC] children: inline
line 0 width: 41.234375, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 5, rect: [20,508 41.234375x17]
frag 0 from TextNode start: 0, length: 5, rect: [20,508 41.234375x17] baseline: 13.296875
"start"
TextNode <#text>
BlockContainer <div> at (20,560) content-size 50x50 flex-item [BFC] children: inline
line 0 width: 9.34375, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [20,560 9.34375x17]
frag 0 from TextNode start: 0, length: 1, rect: [20,560 9.34375x17] baseline: 13.296875
"a"
TextNode <#text>
BlockContainer <div> at (20,612) content-size 50x50 flex-item [BFC] children: inline
line 0 width: 9.46875, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [20,612 9.46875x17]
frag 0 from TextNode start: 0, length: 1, rect: [20,612 9.46875x17] baseline: 13.296875
"b"
TextNode <#text>
BlockContainer <(anonymous)> at (10,808) content-size 780x0 children: inline
TextNode <#text>
Box <div.column.outer.flex-start> at (11,809) content-size 60x300 flex-container(column) [FFC] children: not-inline
BlockContainer <div> at (20,810) content-size 50x50 flex-item [BFC] children: inline
line 0 width: 76.8125, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 10, rect: [20,810 76.8125x17]
frag 0 from TextNode start: 0, length: 10, rect: [20,810 76.8125x17] baseline: 13.296875
"flex-start"
TextNode <#text>
BlockContainer <div> at (20,862) content-size 50x50 flex-item [BFC] children: inline
line 0 width: 9.34375, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [20,862 9.34375x17]
frag 0 from TextNode start: 0, length: 1, rect: [20,862 9.34375x17] baseline: 13.296875
"a"
TextNode <#text>
BlockContainer <div> at (20,914) content-size 50x50 flex-item [BFC] children: inline
line 0 width: 9.46875, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [20,914 9.46875x17]
frag 0 from TextNode start: 0, length: 1, rect: [20,914 9.46875x17] baseline: 13.296875
"b"
TextNode <#text>
BlockContainer <(anonymous)> at (10,1110) content-size 780x0 children: inline
TextNode <#text>
Box <div.column.outer.end> at (11,1111) content-size 60x300 flex-container(column) [FFC] children: not-inline
BlockContainer <div> at (12,1256) content-size 50x50 flex-item [BFC] children: inline
line 0 width: 26.1875, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 3, rect: [12,1256 26.1875x17]
frag 0 from TextNode start: 0, length: 3, rect: [12,1256 26.1875x17] baseline: 13.296875
"end"
TextNode <#text>
BlockContainer <div> at (12,1308) content-size 50x50 flex-item [BFC] children: inline
line 0 width: 9.34375, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [12,1308 9.34375x17]
frag 0 from TextNode start: 0, length: 1, rect: [12,1308 9.34375x17] baseline: 13.296875
"a"
TextNode <#text>
BlockContainer <div> at (12,1360) content-size 50x50 flex-item [BFC] children: inline
line 0 width: 9.46875, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [12,1360 9.46875x17]
frag 0 from TextNode start: 0, length: 1, rect: [12,1360 9.46875x17] baseline: 13.296875
"b"
TextNode <#text>
BlockContainer <(anonymous)> at (10,1412) content-size 780x0 children: inline
TextNode <#text>
Box <div.column.outer.flex-end> at (11,1413) content-size 60x300 flex-container(column) [FFC] children: not-inline
BlockContainer <div> at (12,1558) content-size 50x50 flex-item [BFC] children: inline
line 0 width: 61.765625, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 8, rect: [12,1558 61.765625x17]
frag 0 from TextNode start: 0, length: 8, rect: [12,1558 61.765625x17] baseline: 13.296875
"flex-end"
TextNode <#text>
BlockContainer <div> at (12,1610) content-size 50x50 flex-item [BFC] children: inline
line 0 width: 9.34375, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [12,1610 9.34375x17]
frag 0 from TextNode start: 0, length: 1, rect: [12,1610 9.34375x17] baseline: 13.296875
"a"
TextNode <#text>
BlockContainer <div> at (12,1662) content-size 50x50 flex-item [BFC] children: inline
line 0 width: 9.46875, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [12,1662 9.46875x17]
frag 0 from TextNode start: 0, length: 1, rect: [12,1662 9.46875x17] baseline: 13.296875
"b"
TextNode <#text>
BlockContainer <(anonymous)> at (10,1714) content-size 780x0 children: inline
TextNode <#text>
Box <div.column.reverse.outer.start> at (11,1715) content-size 60x300 flex-container(column-reverse) [FFC] children: not-inline
BlockContainer <div> at (20,1820) content-size 50x50 flex-item [BFC] children: inline
line 0 width: 41.234375, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 5, rect: [20,1820 41.234375x17]
frag 0 from TextNode start: 0, length: 5, rect: [20,1820 41.234375x17] baseline: 13.296875
"start"
TextNode <#text>
BlockContainer <div> at (20,1768) content-size 50x50 flex-item [BFC] children: inline
line 0 width: 9.34375, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [20,1768 9.34375x17]
frag 0 from TextNode start: 0, length: 1, rect: [20,1768 9.34375x17] baseline: 13.296875
"a"
TextNode <#text>
BlockContainer <div> at (20,1716) content-size 50x50 flex-item [BFC] children: inline
line 0 width: 9.46875, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [20,1716 9.46875x17]
frag 0 from TextNode start: 0, length: 1, rect: [20,1716 9.46875x17] baseline: 13.296875
"b"
TextNode <#text>
BlockContainer <(anonymous)> at (10,2016) content-size 780x0 children: inline
TextNode <#text>
Box <div.column.reverse.outer.flex-start> at (11,2017) content-size 60x300 flex-container(column-reverse) [FFC] children: not-inline
BlockContainer <div> at (20,2266) content-size 50x50 flex-item [BFC] children: inline
line 0 width: 76.8125, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 10, rect: [20,2266 76.8125x17]
frag 0 from TextNode start: 0, length: 10, rect: [20,2266 76.8125x17] baseline: 13.296875
"flex-start"
TextNode <#text>
BlockContainer <div> at (20,2214) content-size 50x50 flex-item [BFC] children: inline
line 0 width: 9.34375, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [20,2214 9.34375x17]
frag 0 from TextNode start: 0, length: 1, rect: [20,2214 9.34375x17] baseline: 13.296875
"a"
TextNode <#text>
BlockContainer <div> at (20,2162) content-size 50x50 flex-item [BFC] children: inline
line 0 width: 9.46875, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [20,2162 9.46875x17]
frag 0 from TextNode start: 0, length: 1, rect: [20,2162 9.46875x17] baseline: 13.296875
"b"
TextNode <#text>
BlockContainer <(anonymous)> at (10,2318) content-size 780x0 children: inline
TextNode <#text>
Box <div.column.reverse.outer.end> at (11,2319) content-size 60x300 flex-container(column-reverse) [FFC] children: not-inline
BlockContainer <div> at (12,2568) content-size 50x50 flex-item [BFC] children: inline
line 0 width: 26.1875, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 3, rect: [12,2568 26.1875x17]
frag 0 from TextNode start: 0, length: 3, rect: [12,2568 26.1875x17] baseline: 13.296875
"end"
TextNode <#text>
BlockContainer <div> at (12,2516) content-size 50x50 flex-item [BFC] children: inline
line 0 width: 9.34375, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [12,2516 9.34375x17]
frag 0 from TextNode start: 0, length: 1, rect: [12,2516 9.34375x17] baseline: 13.296875
"a"
TextNode <#text>
BlockContainer <div> at (12,2464) content-size 50x50 flex-item [BFC] children: inline
line 0 width: 9.46875, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [12,2464 9.46875x17]
frag 0 from TextNode start: 0, length: 1, rect: [12,2464 9.46875x17] baseline: 13.296875
"b"
TextNode <#text>
BlockContainer <(anonymous)> at (10,2620) content-size 780x0 children: inline
TextNode <#text>
Box <div.column.reverse.outer.flex-end> at (11,2621) content-size 60x300 flex-container(column-reverse) [FFC] children: not-inline
BlockContainer <div> at (12,2726) content-size 50x50 flex-item [BFC] children: inline
line 0 width: 61.765625, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 8, rect: [12,2726 61.765625x17]
frag 0 from TextNode start: 0, length: 8, rect: [12,2726 61.765625x17] baseline: 13.296875
"flex-end"
TextNode <#text>
BlockContainer <div> at (12,2674) content-size 50x50 flex-item [BFC] children: inline
line 0 width: 9.34375, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [12,2674 9.34375x17]
frag 0 from TextNode start: 0, length: 1, rect: [12,2674 9.34375x17] baseline: 13.296875
"a"
TextNode <#text>
BlockContainer <div> at (12,2622) content-size 50x50 flex-item [BFC] children: inline
line 0 width: 9.46875, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [12,2622 9.46875x17]
frag 0 from TextNode start: 0, length: 1, rect: [12,2622 9.46875x17] baseline: 13.296875
"b"
TextNode <#text>
BlockContainer <(anonymous)> at (10,2922) content-size 780x0 children: inline

6
Tests/LibWeb/Layout/expected/flex/list-container-display-contents.txt
View file

@ -3,13 +3,11 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <body> at (8,16) content-size 784x17 children: not-inline
Box <ul.globalnav-list> at (48,16) content-size 744x17 flex-container(row) [FFC] children: not-inline
BlockContainer <div#item-1> at (48,16) content-size 46.734375x17 flex-item [BFC] children: inline
line 0 width: 46.734375, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 5, rect: [48,16 46.734375x17]
frag 0 from TextNode start: 0, length: 5, rect: [48,16 46.734375x17] baseline: 13.296875
"Store"
TextNode <#text>
BlockContainer <div#item-2> at (762,16) content-size 30x17 flex-item [BFC] children: inline
line 0 width: 30, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 3, rect: [762,16 30x17]
frag 0 from TextNode start: 0, length: 3, rect: [762,16 30x17] baseline: 13.296875
"Mac"
TextNode <#text>

3
Tests/LibWeb/Layout/expected/flex/percentage-flex-basis-with-indefinite-flex-container-size.txt
View file

@ -3,8 +3,7 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
Box <body.outer> at (8,8) content-size 200x17 flex-container(column) [FFC] children: not-inline
BlockContainer <div.middle> at (8,8) content-size 200x17 flex-item [BFC] children: not-inline
BlockContainer <div.inner> at (8,8) content-size 200x17 children: inline
line 0 width: 174.234375, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 20, rect: [8,8 174.234375x17]
frag 0 from TextNode start: 0, length: 20, rect: [8,8 174.234375x17] baseline: 13.296875
"percentages are hard"
TextNode <#text>

6
Tests/LibWeb/Layout/expected/flex/relpos-flex-item.txt
View file

@ -2,13 +2,11 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (2,2) content-size 796x41 [BFC] children: not-inline
Box <body> at (12,12) content-size 600x21 flex-container(row) [FFC] children: not-inline
BlockContainer <div.exekiller> at (14,14) content-size 200x17 positioned flex-item [BFC] children: inline
line 0 width: 65.4375, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 9, rect: [14,14 65.4375x17]
frag 0 from TextNode start: 0, length: 9, rect: [14,14 65.4375x17] baseline: 13.296875
"exekiller"
TextNode <#text>
BlockContainer <div.athena> at (18,18) content-size 200x17 positioned flex-item [BFC] children: inline
line 0 width: 53.171875, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 6, rect: [18,18 53.171875x17]
frag 0 from TextNode start: 0, length: 6, rect: [18,18 53.171875x17] baseline: 13.296875
"athena"
TextNode <#text>

36
Tests/LibWeb/Layout/expected/flex/reverse-flex-layout-with-space-between-and-space-around.txt
View file

@ -3,72 +3,60 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <body> at (8,8) content-size 784x600 children: not-inline
Box <div.outer.row> at (8,8) content-size 150x150 flex-container(row) [FFC] children: not-inline
BlockContainer <div.inner> at (12.609375,8) content-size 30.078125x150 flex-item [BFC] children: inline
line 0 width: 30.078125, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 4, rect: [12.609375,8 30.078125x17]
frag 0 from TextNode start: 0, length: 4, rect: [12.609375,8 30.078125x17] baseline: 13.296875
"Well"
TextNode <#text>
BlockContainer <div.inner> at (51.921875,8) content-size 36.84375x150 flex-item [BFC] children: inline
line 0 width: 36.84375, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 5, rect: [51.921875,8 36.84375x17]
frag 0 from TextNode start: 0, length: 5, rect: [51.921875,8 36.84375x17] baseline: 13.296875
"hello"
TextNode <#text>
BlockContainer <div.inner> at (98,8) content-size 55.359375x150 flex-item [BFC] children: inline
line 0 width: 55.359375, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 7, rect: [98,8 55.359375x17]
frag 0 from TextNode start: 0, length: 7, rect: [98,8 55.359375x17] baseline: 13.296875
"friends"
TextNode <#text>
BlockContainer <(anonymous)> at (8,158) content-size 784x0 children: inline
TextNode <#text>
Box <div.outer.row-reverse> at (8,158) content-size 150x150 flex-container(row-reverse) [FFC] children: not-inline
BlockContainer <div.inner> at (123.3125,158) content-size 30.078125x150 flex-item [BFC] children: inline
line 0 width: 30.078125, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 4, rect: [123.3125,158 30.078125x17]
frag 0 from TextNode start: 0, length: 4, rect: [123.3125,158 30.078125x17] baseline: 13.296875
"Well"
TextNode <#text>
BlockContainer <div.inner> at (77.234375,158) content-size 36.84375x150 flex-item [BFC] children: inline
line 0 width: 36.84375, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 5, rect: [77.234375,158 36.84375x17]
frag 0 from TextNode start: 0, length: 5, rect: [77.234375,158 36.84375x17] baseline: 13.296875
"hello"
TextNode <#text>
BlockContainer <div.inner> at (12.640625,158) content-size 55.359375x150 flex-item [BFC] children: inline
line 0 width: 55.359375, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 7, rect: [12.640625,158 55.359375x17]
frag 0 from TextNode start: 0, length: 7, rect: [12.640625,158 55.359375x17] baseline: 13.296875
"friends"
TextNode <#text>
BlockContainer <(anonymous)> at (8,308) content-size 784x0 children: inline
TextNode <#text>
Box <div.outer.column> at (8,308) content-size 150x150 flex-container(column) [FFC] children: not-inline
BlockContainer <div.inner> at (8,324.5) content-size 150x17 flex-item [BFC] children: inline
line 0 width: 30.078125, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 4, rect: [8,324.5 30.078125x17]
frag 0 from TextNode start: 0, length: 4, rect: [8,324.5 30.078125x17] baseline: 13.296875
"Well"
TextNode <#text>
BlockContainer <div.inner> at (8,374.5) content-size 150x17 flex-item [BFC] children: inline
line 0 width: 36.84375, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 5, rect: [8,374.5 36.84375x17]
frag 0 from TextNode start: 0, length: 5, rect: [8,374.5 36.84375x17] baseline: 13.296875
"hello"
TextNode <#text>
BlockContainer <div.inner> at (8,424.5) content-size 150x17 flex-item [BFC] children: inline
line 0 width: 55.359375, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 7, rect: [8,424.5 55.359375x17]
frag 0 from TextNode start: 0, length: 7, rect: [8,424.5 55.359375x17] baseline: 13.296875
"friends"
TextNode <#text>
BlockContainer <(anonymous)> at (8,458) content-size 784x0 children: inline
TextNode <#text>
Box <div.outer.column-reverse> at (8,458) content-size 150x150 flex-container(column-reverse) [FFC] children: not-inline
BlockContainer <div.inner> at (8,574.5) content-size 150x17 flex-item [BFC] children: inline
line 0 width: 30.078125, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 4, rect: [8,574.5 30.078125x17]
frag 0 from TextNode start: 0, length: 4, rect: [8,574.5 30.078125x17] baseline: 13.296875
"Well"
TextNode <#text>
BlockContainer <div.inner> at (8,524.5) content-size 150x17 flex-item [BFC] children: inline
line 0 width: 36.84375, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 5, rect: [8,524.5 36.84375x17]
frag 0 from TextNode start: 0, length: 5, rect: [8,524.5 36.84375x17] baseline: 13.296875
"hello"
TextNode <#text>
BlockContainer <div.inner> at (8,474.5) content-size 150x17 flex-item [BFC] children: inline
line 0 width: 55.359375, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 7, rect: [8,474.5 55.359375x17]
frag 0 from TextNode start: 0, length: 7, rect: [8,474.5 55.359375x17] baseline: 13.296875
"friends"
TextNode <#text>