1
Fork 0
mirror of https://github.com/RGBCube/serenity synced 2025-07-27 16:07:46 +00:00
serenity/Tests/LibWeb/Layout/expected/flex/justify-content-with-margin-auto-child.txt
Andreas Kling 09eed8eea2 LibWeb+headless-browser: Include paint tree in layout test output
This will give us a more comprehensive look at what actually gets
rendered in the end, and also allows us to catch more behavior changes.
2023-08-03 13:21:26 +02:00

426 lines
27 KiB
Text

Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (1,1) content-size 798x2930 [BFC] children: not-inline
BlockContainer <body> at (10,10) content-size 780x2912 children: not-inline
BlockContainer <(anonymous)> at (10,10) content-size 780x0 children: 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.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 5, rect: [60,12 41.234375x17.46875]
"start"
TextNode <#text>
BlockContainer <div> at (160,12) content-size 50x50 flex-item [BFC] children: inline
line 0 width: 9.34375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [160,12 9.34375x17.46875]
"a"
TextNode <#text>
BlockContainer <div> at (260,12) content-size 50x50 flex-item [BFC] children: inline
line 0 width: 9.46875, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [260,12 9.46875x17.46875]
"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.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 10, rect: [60,74 76.8125x17.46875]
"flex-start"
TextNode <#text>
BlockContainer <div> at (160,74) content-size 50x50 flex-item [BFC] children: inline
line 0 width: 9.34375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [160,74 9.34375x17.46875]
"a"
TextNode <#text>
BlockContainer <div> at (260,74) content-size 50x50 flex-item [BFC] children: inline
line 0 width: 9.46875, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [260,74 9.46875x17.46875]
"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.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 3, rect: [12,136 26.1875x17.46875]
"end"
TextNode <#text>
BlockContainer <div> at (112,136) content-size 50x50 flex-item [BFC] children: inline
line 0 width: 9.34375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [112,136 9.34375x17.46875]
"a"
TextNode <#text>
BlockContainer <div> at (212,136) content-size 50x50 flex-item [BFC] children: inline
line 0 width: 9.46875, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [212,136 9.46875x17.46875]
"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.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 8, rect: [12,198 61.765625x17.46875]
"flex-end"
TextNode <#text>
BlockContainer <div> at (112,198) content-size 50x50 flex-item [BFC] children: inline
line 0 width: 9.34375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [112,198 9.34375x17.46875]
"a"
TextNode <#text>
BlockContainer <div> at (212,198) content-size 50x50 flex-item [BFC] children: inline
line 0 width: 9.46875, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [212,198 9.46875x17.46875]
"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.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 5, rect: [260,260 41.234375x17.46875]
"start"
TextNode <#text>
BlockContainer <div> at (160,260) content-size 50x50 flex-item [BFC] children: inline
line 0 width: 9.34375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [160,260 9.34375x17.46875]
"a"
TextNode <#text>
BlockContainer <div> at (60,260) content-size 50x50 flex-item [BFC] children: inline
line 0 width: 9.46875, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [60,260 9.46875x17.46875]
"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.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 10, rect: [260,322 76.8125x17.46875]
"flex-start"
TextNode <#text>
BlockContainer <div> at (160,322) content-size 50x50 flex-item [BFC] children: inline
line 0 width: 9.34375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [160,322 9.34375x17.46875]
"a"
TextNode <#text>
BlockContainer <div> at (60,322) content-size 50x50 flex-item [BFC] children: inline
line 0 width: 9.46875, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [60,322 9.46875x17.46875]
"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.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 3, rect: [212,384 26.1875x17.46875]
"end"
TextNode <#text>
BlockContainer <div> at (112,384) content-size 50x50 flex-item [BFC] children: inline
line 0 width: 9.34375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [112,384 9.34375x17.46875]
"a"
TextNode <#text>
BlockContainer <div> at (12,384) content-size 50x50 flex-item [BFC] children: inline
line 0 width: 9.46875, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [12,384 9.46875x17.46875]
"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.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 8, rect: [212,446 61.765625x17.46875]
"flex-end"
TextNode <#text>
BlockContainer <div> at (112,446) content-size 50x50 flex-item [BFC] children: inline
line 0 width: 9.34375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [112,446 9.34375x17.46875]
"a"
TextNode <#text>
BlockContainer <div> at (12,446) content-size 50x50 flex-item [BFC] children: inline
line 0 width: 9.46875, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [12,446 9.46875x17.46875]
"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.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 5, rect: [20,508 41.234375x17.46875]
"start"
TextNode <#text>
BlockContainer <div> at (20,560) content-size 50x50 flex-item [BFC] children: inline
line 0 width: 9.34375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [20,560 9.34375x17.46875]
"a"
TextNode <#text>
BlockContainer <div> at (20,612) content-size 50x50 flex-item [BFC] children: inline
line 0 width: 9.46875, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [20,612 9.46875x17.46875]
"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.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 10, rect: [20,810 76.8125x17.46875]
"flex-start"
TextNode <#text>
BlockContainer <div> at (20,862) content-size 50x50 flex-item [BFC] children: inline
line 0 width: 9.34375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [20,862 9.34375x17.46875]
"a"
TextNode <#text>
BlockContainer <div> at (20,914) content-size 50x50 flex-item [BFC] children: inline
line 0 width: 9.46875, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [20,914 9.46875x17.46875]
"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.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 3, rect: [12,1256 26.1875x17.46875]
"end"
TextNode <#text>
BlockContainer <div> at (12,1308) content-size 50x50 flex-item [BFC] children: inline
line 0 width: 9.34375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [12,1308 9.34375x17.46875]
"a"
TextNode <#text>
BlockContainer <div> at (12,1360) content-size 50x50 flex-item [BFC] children: inline
line 0 width: 9.46875, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [12,1360 9.46875x17.46875]
"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.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 8, rect: [12,1558 61.765625x17.46875]
"flex-end"
TextNode <#text>
BlockContainer <div> at (12,1610) content-size 50x50 flex-item [BFC] children: inline
line 0 width: 9.34375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [12,1610 9.34375x17.46875]
"a"
TextNode <#text>
BlockContainer <div> at (12,1662) content-size 50x50 flex-item [BFC] children: inline
line 0 width: 9.46875, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [12,1662 9.46875x17.46875]
"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.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 5, rect: [20,1820 41.234375x17.46875]
"start"
TextNode <#text>
BlockContainer <div> at (20,1768) content-size 50x50 flex-item [BFC] children: inline
line 0 width: 9.34375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [20,1768 9.34375x17.46875]
"a"
TextNode <#text>
BlockContainer <div> at (20,1716) content-size 50x50 flex-item [BFC] children: inline
line 0 width: 9.46875, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [20,1716 9.46875x17.46875]
"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.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 10, rect: [20,2266 76.8125x17.46875]
"flex-start"
TextNode <#text>
BlockContainer <div> at (20,2214) content-size 50x50 flex-item [BFC] children: inline
line 0 width: 9.34375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [20,2214 9.34375x17.46875]
"a"
TextNode <#text>
BlockContainer <div> at (20,2162) content-size 50x50 flex-item [BFC] children: inline
line 0 width: 9.46875, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [20,2162 9.46875x17.46875]
"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.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 3, rect: [12,2568 26.1875x17.46875]
"end"
TextNode <#text>
BlockContainer <div> at (12,2516) content-size 50x50 flex-item [BFC] children: inline
line 0 width: 9.34375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [12,2516 9.34375x17.46875]
"a"
TextNode <#text>
BlockContainer <div> at (12,2464) content-size 50x50 flex-item [BFC] children: inline
line 0 width: 9.46875, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [12,2464 9.46875x17.46875]
"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.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 8, rect: [12,2726 61.765625x17.46875]
"flex-end"
TextNode <#text>
BlockContainer <div> at (12,2674) content-size 50x50 flex-item [BFC] children: inline
line 0 width: 9.34375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [12,2674 9.34375x17.46875]
"a"
TextNode <#text>
BlockContainer <div> at (12,2622) content-size 50x50 flex-item [BFC] children: inline
line 0 width: 9.46875, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [12,2622 9.46875x17.46875]
"b"
TextNode <#text>
BlockContainer <(anonymous)> at (10,2922) content-size 780x0 children: inline
TextNode <#text>
PaintableWithLines (Viewport<#document>) [0,0 800x600] overflow: [0,0 800x2932]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x2932]
PaintableWithLines (BlockContainer<BODY>) [9,9 782x2914]
PaintableWithLines (BlockContainer(anonymous)) [10,10 780x0]
PaintableBox (Box<DIV>.row.outer.start) [10,10 302x62]
PaintableWithLines (BlockContainer<DIV>) [59,11 52x52]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>) [159,11 52x52]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>) [259,11 52x52]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [10,72 780x0]
PaintableBox (Box<DIV>.row.outer.flex-start) [10,72 302x62]
PaintableWithLines (BlockContainer<DIV>) [59,73 52x52] overflow: [60,74 76.8125x50]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>) [159,73 52x52]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>) [259,73 52x52]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [10,134 780x0]
PaintableBox (Box<DIV>.row.outer.end) [10,134 302x62]
PaintableWithLines (BlockContainer<DIV>) [11,135 52x52]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>) [111,135 52x52]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>) [211,135 52x52]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [10,196 780x0]
PaintableBox (Box<DIV>.row.outer.flex-end) [10,196 302x62]
PaintableWithLines (BlockContainer<DIV>) [11,197 52x52] overflow: [12,198 61.765625x50]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>) [111,197 52x52]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>) [211,197 52x52]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [10,258 780x0]
PaintableBox (Box<DIV>.row.reverse.outer.start) [10,258 302x62]
PaintableWithLines (BlockContainer<DIV>) [259,259 52x52]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>) [159,259 52x52]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>) [59,259 52x52]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [10,320 780x0]
PaintableBox (Box<DIV>.row.reverse.outer.flex-start) [10,320 302x62] overflow: [11,321 325.8125x60]
PaintableWithLines (BlockContainer<DIV>) [259,321 52x52] overflow: [260,322 76.8125x50]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>) [159,321 52x52]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>) [59,321 52x52]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [10,382 780x0]
PaintableBox (Box<DIV>.row.reverse.outer.end) [10,382 302x62]
PaintableWithLines (BlockContainer<DIV>) [211,383 52x52]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>) [111,383 52x52]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>) [11,383 52x52]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [10,444 780x0]
PaintableBox (Box<DIV>.row.reverse.outer.flex-end) [10,444 302x62]
PaintableWithLines (BlockContainer<DIV>) [211,445 52x52] overflow: [212,446 61.765625x50]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>) [111,445 52x52]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>) [11,445 52x52]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [10,506 780x0]
PaintableBox (Box<DIV>.column.outer.start) [10,506 62x302]
PaintableWithLines (BlockContainer<DIV>) [19,507 52x52]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>) [19,559 52x52]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>) [19,611 52x52]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [10,808 780x0]
PaintableBox (Box<DIV>.column.outer.flex-start) [10,808 62x302] overflow: [11,809 85.8125x300]
PaintableWithLines (BlockContainer<DIV>) [19,809 52x52] overflow: [20,810 76.8125x50]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>) [19,861 52x52]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>) [19,913 52x52]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [10,1110 780x0]
PaintableBox (Box<DIV>.column.outer.end) [10,1110 62x302]
PaintableWithLines (BlockContainer<DIV>) [11,1255 52x52]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>) [11,1307 52x52]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>) [11,1359 52x52]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [10,1412 780x0]
PaintableBox (Box<DIV>.column.outer.flex-end) [10,1412 62x302] overflow: [11,1413 62.765625x300]
PaintableWithLines (BlockContainer<DIV>) [11,1557 52x52] overflow: [12,1558 61.765625x50]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>) [11,1609 52x52]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>) [11,1661 52x52]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [10,1714 780x0]
PaintableBox (Box<DIV>.column.reverse.outer.start) [10,1714 62x302]
PaintableWithLines (BlockContainer<DIV>) [19,1819 52x52]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>) [19,1767 52x52]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>) [19,1715 52x52]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [10,2016 780x0]
PaintableBox (Box<DIV>.column.reverse.outer.flex-start) [10,2016 62x302] overflow: [11,2017 85.8125x300]
PaintableWithLines (BlockContainer<DIV>) [19,2265 52x52] overflow: [20,2266 76.8125x50]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>) [19,2213 52x52]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>) [19,2161 52x52]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [10,2318 780x0]
PaintableBox (Box<DIV>.column.reverse.outer.end) [10,2318 62x302]
PaintableWithLines (BlockContainer<DIV>) [11,2567 52x52]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>) [11,2515 52x52]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>) [11,2463 52x52]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [10,2620 780x0]
PaintableBox (Box<DIV>.column.reverse.outer.flex-end) [10,2620 62x302] overflow: [11,2621 62.765625x300]
PaintableWithLines (BlockContainer<DIV>) [11,2725 52x52] overflow: [12,2726 61.765625x50]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>) [11,2673 52x52]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>) [11,2621 52x52]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [10,2922 780x0]