mirror of
https://github.com/LadybirdBrowser/ladybird
synced 2026-04-28 10:37:17 +02:00
f4b04beccd
Inline nodes in our layout tree have a position, so let's show it. By centralizing the logic for this, block nodes now lose their redundant 'content-size' dump info which is already part of the box model dump.
566 lines
37 KiB
Plaintext
566 lines
37 KiB
Plaintext
Viewport <#document> at [0,0] [0+0+0 800 0+0+0] [0+0+0 600 0+0+0] children: not-inline
|
|
BlockContainer <html> at [1,1] [0+1+0 798 0+1+0] [0+1+0 4386 0+1+0] [BFC] children: not-inline
|
|
BlockContainer <body> at [10,10] [8+1+0 780 0+1+8] [8+1+0 4368 0+1+8] children: not-inline
|
|
BlockContainer <(anonymous)> at [10,10] [0+0+0 780 0+0+0] [0+0+0 0 0+0+0] children: inline
|
|
TextNode <#text> (not painted)
|
|
Box <div.row.outer.start> at [11,11] flex-container(row) [0+1+0 300 0+1+478] [0+1+0 60 0+1+0] [FFC] children: not-inline
|
|
BlockContainer <div> at [60,12] flex-item [0+1+0 50 0+1+0] [0+1+0 50 0+1+0] [BFC] children: inline
|
|
frag 0 from TextNode start: 0, length: 5, rect: [60,12 41.234375x18] baseline: 13.796875
|
|
"start"
|
|
TextNode <#text> (not painted)
|
|
BlockContainer <div> at [160,12] flex-item [0+1+0 50 0+1+0] [0+1+0 50 0+1+0] [BFC] children: inline
|
|
frag 0 from TextNode start: 0, length: 1, rect: [160,12 9.34375x18] baseline: 13.796875
|
|
"a"
|
|
TextNode <#text> (not painted)
|
|
BlockContainer <div> at [260,12] flex-item [0+1+0 50 0+1+0] [0+1+0 50 0+1+0] [BFC] children: inline
|
|
frag 0 from TextNode start: 0, length: 1, rect: [260,12 9.46875x18] baseline: 13.796875
|
|
"b"
|
|
TextNode <#text> (not painted)
|
|
BlockContainer <(anonymous)> at [10,72] [0+0+0 780 0+0+0] [0+0+0 0 0+0+0] children: inline
|
|
TextNode <#text> (not painted)
|
|
Box <div.row.outer.flex-start> at [11,73] flex-container(row) [0+1+0 300 0+1+478] [0+1+0 60 0+1+0] [FFC] children: not-inline
|
|
BlockContainer <div> at [60,74] flex-item [0+1+0 50 0+1+0] [0+1+0 50 0+1+0] [BFC] children: inline
|
|
frag 0 from TextNode start: 0, length: 10, rect: [60,74 76.8125x18] baseline: 13.796875
|
|
"flex-start"
|
|
TextNode <#text> (not painted)
|
|
BlockContainer <div> at [160,74] flex-item [0+1+0 50 0+1+0] [0+1+0 50 0+1+0] [BFC] children: inline
|
|
frag 0 from TextNode start: 0, length: 1, rect: [160,74 9.34375x18] baseline: 13.796875
|
|
"a"
|
|
TextNode <#text> (not painted)
|
|
BlockContainer <div> at [260,74] flex-item [0+1+0 50 0+1+0] [0+1+0 50 0+1+0] [BFC] children: inline
|
|
frag 0 from TextNode start: 0, length: 1, rect: [260,74 9.46875x18] baseline: 13.796875
|
|
"b"
|
|
TextNode <#text> (not painted)
|
|
BlockContainer <(anonymous)> at [10,134] [0+0+0 780 0+0+0] [0+0+0 0 0+0+0] children: inline
|
|
TextNode <#text> (not painted)
|
|
Box <div.row.outer.end> at [11,135] flex-container(row) [0+1+0 300 0+1+478] [0+1+0 60 0+1+0] [FFC] children: not-inline
|
|
BlockContainer <div> at [12,136] flex-item [0+1+0 50 0+1+0] [0+1+0 50 0+1+0] [BFC] children: inline
|
|
frag 0 from TextNode start: 0, length: 3, rect: [12,136 26.1875x18] baseline: 13.796875
|
|
"end"
|
|
TextNode <#text> (not painted)
|
|
BlockContainer <div> at [112,136] flex-item [0+1+0 50 0+1+0] [0+1+0 50 0+1+0] [BFC] children: inline
|
|
frag 0 from TextNode start: 0, length: 1, rect: [112,136 9.34375x18] baseline: 13.796875
|
|
"a"
|
|
TextNode <#text> (not painted)
|
|
BlockContainer <div> at [212,136] flex-item [0+1+0 50 0+1+0] [0+1+0 50 0+1+0] [BFC] children: inline
|
|
frag 0 from TextNode start: 0, length: 1, rect: [212,136 9.46875x18] baseline: 13.796875
|
|
"b"
|
|
TextNode <#text> (not painted)
|
|
BlockContainer <(anonymous)> at [10,196] [0+0+0 780 0+0+0] [0+0+0 0 0+0+0] children: inline
|
|
TextNode <#text> (not painted)
|
|
Box <div.row.outer.flex-end> at [11,197] flex-container(row) [0+1+0 300 0+1+478] [0+1+0 60 0+1+0] [FFC] children: not-inline
|
|
BlockContainer <div> at [12,198] flex-item [0+1+0 50 0+1+0] [0+1+0 50 0+1+0] [BFC] children: inline
|
|
frag 0 from TextNode start: 0, length: 8, rect: [12,198 61.765625x18] baseline: 13.796875
|
|
"flex-end"
|
|
TextNode <#text> (not painted)
|
|
BlockContainer <div> at [112,198] flex-item [0+1+0 50 0+1+0] [0+1+0 50 0+1+0] [BFC] children: inline
|
|
frag 0 from TextNode start: 0, length: 1, rect: [112,198 9.34375x18] baseline: 13.796875
|
|
"a"
|
|
TextNode <#text> (not painted)
|
|
BlockContainer <div> at [212,198] flex-item [0+1+0 50 0+1+0] [0+1+0 50 0+1+0] [BFC] children: inline
|
|
frag 0 from TextNode start: 0, length: 1, rect: [212,198 9.46875x18] baseline: 13.796875
|
|
"b"
|
|
TextNode <#text> (not painted)
|
|
BlockContainer <(anonymous)> at [10,258] [0+0+0 780 0+0+0] [0+0+0 0 0+0+0] children: inline
|
|
TextNode <#text> (not painted)
|
|
Box <div.row.outer.left> at [11,259] flex-container(row) [0+1+0 300 0+1+478] [0+1+0 60 0+1+0] [FFC] children: not-inline
|
|
BlockContainer <div> at [12,260] flex-item [0+1+0 50 0+1+0] [0+1+0 50 0+1+0] [BFC] children: inline
|
|
frag 0 from TextNode start: 0, length: 4, rect: [12,260 26.25x18] baseline: 13.796875
|
|
"left"
|
|
TextNode <#text> (not painted)
|
|
BlockContainer <div> at [64,260] flex-item [0+1+0 50 0+1+0] [0+1+0 50 0+1+0] [BFC] children: inline
|
|
frag 0 from TextNode start: 0, length: 1, rect: [64,260 9.34375x18] baseline: 13.796875
|
|
"a"
|
|
TextNode <#text> (not painted)
|
|
BlockContainer <div> at [116,260] flex-item [0+1+0 50 0+1+0] [0+1+0 50 0+1+0] [BFC] children: inline
|
|
frag 0 from TextNode start: 0, length: 1, rect: [116,260 9.46875x18] baseline: 13.796875
|
|
"b"
|
|
TextNode <#text> (not painted)
|
|
BlockContainer <(anonymous)> at [10,320] [0+0+0 780 0+0+0] [0+0+0 0 0+0+0] children: inline
|
|
TextNode <#text> (not painted)
|
|
Box <div.row.outer.right> at [11,321] flex-container(row) [0+1+0 300 0+1+478] [0+1+0 60 0+1+0] [FFC] children: not-inline
|
|
BlockContainer <div> at [156,322] flex-item [0+1+0 50 0+1+0] [0+1+0 50 0+1+0] [BFC] children: inline
|
|
frag 0 from TextNode start: 0, length: 5, rect: [156,322 37.109375x18] baseline: 13.796875
|
|
"right"
|
|
TextNode <#text> (not painted)
|
|
BlockContainer <div> at [208,322] flex-item [0+1+0 50 0+1+0] [0+1+0 50 0+1+0] [BFC] children: inline
|
|
frag 0 from TextNode start: 0, length: 1, rect: [208,322 9.34375x18] baseline: 13.796875
|
|
"a"
|
|
TextNode <#text> (not painted)
|
|
BlockContainer <div> at [260,322] flex-item [0+1+0 50 0+1+0] [0+1+0 50 0+1+0] [BFC] children: inline
|
|
frag 0 from TextNode start: 0, length: 1, rect: [260,322 9.46875x18] baseline: 13.796875
|
|
"b"
|
|
TextNode <#text> (not painted)
|
|
BlockContainer <(anonymous)> at [10,382] [0+0+0 780 0+0+0] [0+0+0 0 0+0+0] children: inline
|
|
TextNode <#text> (not painted)
|
|
Box <div.row.reverse.outer.start> at [11,383] flex-container(row-reverse) [0+1+0 300 0+1+478] [0+1+0 60 0+1+0] [FFC] children: not-inline
|
|
BlockContainer <div> at [260,384] flex-item [0+1+0 50 0+1+0] [0+1+0 50 0+1+0] [BFC] children: inline
|
|
frag 0 from TextNode start: 0, length: 5, rect: [260,384 41.234375x18] baseline: 13.796875
|
|
"start"
|
|
TextNode <#text> (not painted)
|
|
BlockContainer <div> at [160,384] flex-item [0+1+0 50 0+1+0] [0+1+0 50 0+1+0] [BFC] children: inline
|
|
frag 0 from TextNode start: 0, length: 1, rect: [160,384 9.34375x18] baseline: 13.796875
|
|
"a"
|
|
TextNode <#text> (not painted)
|
|
BlockContainer <div> at [60,384] flex-item [0+1+0 50 0+1+0] [0+1+0 50 0+1+0] [BFC] children: inline
|
|
frag 0 from TextNode start: 0, length: 1, rect: [60,384 9.46875x18] baseline: 13.796875
|
|
"b"
|
|
TextNode <#text> (not painted)
|
|
BlockContainer <(anonymous)> at [10,444] [0+0+0 780 0+0+0] [0+0+0 0 0+0+0] children: inline
|
|
TextNode <#text> (not painted)
|
|
Box <div.row.reverse.outer.flex-start> at [11,445] flex-container(row-reverse) [0+1+0 300 0+1+478] [0+1+0 60 0+1+0] [FFC] children: not-inline
|
|
BlockContainer <div> at [260,446] flex-item [0+1+0 50 0+1+0] [0+1+0 50 0+1+0] [BFC] children: inline
|
|
frag 0 from TextNode start: 0, length: 10, rect: [260,446 76.8125x18] baseline: 13.796875
|
|
"flex-start"
|
|
TextNode <#text> (not painted)
|
|
BlockContainer <div> at [160,446] flex-item [0+1+0 50 0+1+0] [0+1+0 50 0+1+0] [BFC] children: inline
|
|
frag 0 from TextNode start: 0, length: 1, rect: [160,446 9.34375x18] baseline: 13.796875
|
|
"a"
|
|
TextNode <#text> (not painted)
|
|
BlockContainer <div> at [60,446] flex-item [0+1+0 50 0+1+0] [0+1+0 50 0+1+0] [BFC] children: inline
|
|
frag 0 from TextNode start: 0, length: 1, rect: [60,446 9.46875x18] baseline: 13.796875
|
|
"b"
|
|
TextNode <#text> (not painted)
|
|
BlockContainer <(anonymous)> at [10,506] [0+0+0 780 0+0+0] [0+0+0 0 0+0+0] children: inline
|
|
TextNode <#text> (not painted)
|
|
Box <div.row.reverse.outer.end> at [11,507] flex-container(row-reverse) [0+1+0 300 0+1+478] [0+1+0 60 0+1+0] [FFC] children: not-inline
|
|
BlockContainer <div> at [212,508] flex-item [0+1+0 50 0+1+0] [0+1+0 50 0+1+0] [BFC] children: inline
|
|
frag 0 from TextNode start: 0, length: 3, rect: [212,508 26.1875x18] baseline: 13.796875
|
|
"end"
|
|
TextNode <#text> (not painted)
|
|
BlockContainer <div> at [112,508] flex-item [0+1+0 50 0+1+0] [0+1+0 50 0+1+0] [BFC] children: inline
|
|
frag 0 from TextNode start: 0, length: 1, rect: [112,508 9.34375x18] baseline: 13.796875
|
|
"a"
|
|
TextNode <#text> (not painted)
|
|
BlockContainer <div> at [12,508] flex-item [0+1+0 50 0+1+0] [0+1+0 50 0+1+0] [BFC] children: inline
|
|
frag 0 from TextNode start: 0, length: 1, rect: [12,508 9.46875x18] baseline: 13.796875
|
|
"b"
|
|
TextNode <#text> (not painted)
|
|
BlockContainer <(anonymous)> at [10,568] [0+0+0 780 0+0+0] [0+0+0 0 0+0+0] children: inline
|
|
TextNode <#text> (not painted)
|
|
Box <div.row.reverse.outer.flex-end> at [11,569] flex-container(row-reverse) [0+1+0 300 0+1+478] [0+1+0 60 0+1+0] [FFC] children: not-inline
|
|
BlockContainer <div> at [212,570] flex-item [0+1+0 50 0+1+0] [0+1+0 50 0+1+0] [BFC] children: inline
|
|
frag 0 from TextNode start: 0, length: 8, rect: [212,570 61.765625x18] baseline: 13.796875
|
|
"flex-end"
|
|
TextNode <#text> (not painted)
|
|
BlockContainer <div> at [112,570] flex-item [0+1+0 50 0+1+0] [0+1+0 50 0+1+0] [BFC] children: inline
|
|
frag 0 from TextNode start: 0, length: 1, rect: [112,570 9.34375x18] baseline: 13.796875
|
|
"a"
|
|
TextNode <#text> (not painted)
|
|
BlockContainer <div> at [12,570] flex-item [0+1+0 50 0+1+0] [0+1+0 50 0+1+0] [BFC] children: inline
|
|
frag 0 from TextNode start: 0, length: 1, rect: [12,570 9.46875x18] baseline: 13.796875
|
|
"b"
|
|
TextNode <#text> (not painted)
|
|
BlockContainer <(anonymous)> at [10,630] [0+0+0 780 0+0+0] [0+0+0 0 0+0+0] children: inline
|
|
TextNode <#text> (not painted)
|
|
Box <div.row.reverse.outer.left> at [11,631] flex-container(row-reverse) [0+1+0 300 0+1+478] [0+1+0 60 0+1+0] [FFC] children: not-inline
|
|
BlockContainer <div> at [116,632] flex-item [0+1+0 50 0+1+0] [0+1+0 50 0+1+0] [BFC] children: inline
|
|
frag 0 from TextNode start: 0, length: 4, rect: [116,632 26.25x18] baseline: 13.796875
|
|
"left"
|
|
TextNode <#text> (not painted)
|
|
BlockContainer <div> at [64,632] flex-item [0+1+0 50 0+1+0] [0+1+0 50 0+1+0] [BFC] children: inline
|
|
frag 0 from TextNode start: 0, length: 1, rect: [64,632 9.34375x18] baseline: 13.796875
|
|
"a"
|
|
TextNode <#text> (not painted)
|
|
BlockContainer <div> at [12,632] flex-item [0+1+0 50 0+1+0] [0+1+0 50 0+1+0] [BFC] children: inline
|
|
frag 0 from TextNode start: 0, length: 1, rect: [12,632 9.46875x18] baseline: 13.796875
|
|
"b"
|
|
TextNode <#text> (not painted)
|
|
BlockContainer <(anonymous)> at [10,692] [0+0+0 780 0+0+0] [0+0+0 0 0+0+0] children: inline
|
|
TextNode <#text> (not painted)
|
|
Box <div.row.reverse.outer.right> at [11,693] flex-container(row-reverse) [0+1+0 300 0+1+478] [0+1+0 60 0+1+0] [FFC] children: not-inline
|
|
BlockContainer <div> at [260,694] flex-item [0+1+0 50 0+1+0] [0+1+0 50 0+1+0] [BFC] children: inline
|
|
frag 0 from TextNode start: 0, length: 5, rect: [260,694 37.109375x18] baseline: 13.796875
|
|
"right"
|
|
TextNode <#text> (not painted)
|
|
BlockContainer <div> at [208,694] flex-item [0+1+0 50 0+1+0] [0+1+0 50 0+1+0] [BFC] children: inline
|
|
frag 0 from TextNode start: 0, length: 1, rect: [208,694 9.34375x18] baseline: 13.796875
|
|
"a"
|
|
TextNode <#text> (not painted)
|
|
BlockContainer <div> at [156,694] flex-item [0+1+0 50 0+1+0] [0+1+0 50 0+1+0] [BFC] children: inline
|
|
frag 0 from TextNode start: 0, length: 1, rect: [156,694 9.46875x18] baseline: 13.796875
|
|
"b"
|
|
TextNode <#text> (not painted)
|
|
BlockContainer <(anonymous)> at [10,754] [0+0+0 780 0+0+0] [0+0+0 0 0+0+0] children: inline
|
|
TextNode <#text> (not painted)
|
|
Box <div.column.outer.start> at [11,755] flex-container(column) [0+1+0 60 0+1+718] [0+1+0 300 0+1+0] [FFC] children: not-inline
|
|
BlockContainer <div> at [20,756] flex-item [0+1+0 50 0+1+0] [0+1+0 50 0+1+0] [BFC] children: inline
|
|
frag 0 from TextNode start: 0, length: 5, rect: [20,756 41.234375x18] baseline: 13.796875
|
|
"start"
|
|
TextNode <#text> (not painted)
|
|
BlockContainer <div> at [20,808] flex-item [0+1+0 50 0+1+0] [0+1+0 50 0+1+0] [BFC] children: inline
|
|
frag 0 from TextNode start: 0, length: 1, rect: [20,808 9.34375x18] baseline: 13.796875
|
|
"a"
|
|
TextNode <#text> (not painted)
|
|
BlockContainer <div> at [20,860] flex-item [0+1+0 50 0+1+0] [0+1+0 50 0+1+0] [BFC] children: inline
|
|
frag 0 from TextNode start: 0, length: 1, rect: [20,860 9.46875x18] baseline: 13.796875
|
|
"b"
|
|
TextNode <#text> (not painted)
|
|
BlockContainer <(anonymous)> at [10,1056] [0+0+0 780 0+0+0] [0+0+0 0 0+0+0] children: inline
|
|
TextNode <#text> (not painted)
|
|
Box <div.column.outer.flex-start> at [11,1057] flex-container(column) [0+1+0 60 0+1+718] [0+1+0 300 0+1+0] [FFC] children: not-inline
|
|
BlockContainer <div> at [20,1058] flex-item [0+1+0 50 0+1+0] [0+1+0 50 0+1+0] [BFC] children: inline
|
|
frag 0 from TextNode start: 0, length: 10, rect: [20,1058 76.8125x18] baseline: 13.796875
|
|
"flex-start"
|
|
TextNode <#text> (not painted)
|
|
BlockContainer <div> at [20,1110] flex-item [0+1+0 50 0+1+0] [0+1+0 50 0+1+0] [BFC] children: inline
|
|
frag 0 from TextNode start: 0, length: 1, rect: [20,1110 9.34375x18] baseline: 13.796875
|
|
"a"
|
|
TextNode <#text> (not painted)
|
|
BlockContainer <div> at [20,1162] flex-item [0+1+0 50 0+1+0] [0+1+0 50 0+1+0] [BFC] children: inline
|
|
frag 0 from TextNode start: 0, length: 1, rect: [20,1162 9.46875x18] baseline: 13.796875
|
|
"b"
|
|
TextNode <#text> (not painted)
|
|
BlockContainer <(anonymous)> at [10,1358] [0+0+0 780 0+0+0] [0+0+0 0 0+0+0] children: inline
|
|
TextNode <#text> (not painted)
|
|
Box <div.column.outer.end> at [11,1359] flex-container(column) [0+1+0 60 0+1+718] [0+1+0 300 0+1+0] [FFC] children: not-inline
|
|
BlockContainer <div> at [12,1504] flex-item [0+1+0 50 0+1+0] [0+1+0 50 0+1+0] [BFC] children: inline
|
|
frag 0 from TextNode start: 0, length: 3, rect: [12,1504 26.1875x18] baseline: 13.796875
|
|
"end"
|
|
TextNode <#text> (not painted)
|
|
BlockContainer <div> at [12,1556] flex-item [0+1+0 50 0+1+0] [0+1+0 50 0+1+0] [BFC] children: inline
|
|
frag 0 from TextNode start: 0, length: 1, rect: [12,1556 9.34375x18] baseline: 13.796875
|
|
"a"
|
|
TextNode <#text> (not painted)
|
|
BlockContainer <div> at [12,1608] flex-item [0+1+0 50 0+1+0] [0+1+0 50 0+1+0] [BFC] children: inline
|
|
frag 0 from TextNode start: 0, length: 1, rect: [12,1608 9.46875x18] baseline: 13.796875
|
|
"b"
|
|
TextNode <#text> (not painted)
|
|
BlockContainer <(anonymous)> at [10,1660] [0+0+0 780 0+0+0] [0+0+0 0 0+0+0] children: inline
|
|
TextNode <#text> (not painted)
|
|
Box <div.column.outer.flex-end> at [11,1661] flex-container(column) [0+1+0 60 0+1+718] [0+1+0 300 0+1+0] [FFC] children: not-inline
|
|
BlockContainer <div> at [12,1806] flex-item [0+1+0 50 0+1+0] [0+1+0 50 0+1+0] [BFC] children: inline
|
|
frag 0 from TextNode start: 0, length: 8, rect: [12,1806 61.765625x18] baseline: 13.796875
|
|
"flex-end"
|
|
TextNode <#text> (not painted)
|
|
BlockContainer <div> at [12,1858] flex-item [0+1+0 50 0+1+0] [0+1+0 50 0+1+0] [BFC] children: inline
|
|
frag 0 from TextNode start: 0, length: 1, rect: [12,1858 9.34375x18] baseline: 13.796875
|
|
"a"
|
|
TextNode <#text> (not painted)
|
|
BlockContainer <div> at [12,1910] flex-item [0+1+0 50 0+1+0] [0+1+0 50 0+1+0] [BFC] children: inline
|
|
frag 0 from TextNode start: 0, length: 1, rect: [12,1910 9.46875x18] baseline: 13.796875
|
|
"b"
|
|
TextNode <#text> (not painted)
|
|
BlockContainer <(anonymous)> at [10,1962] [0+0+0 780 0+0+0] [0+0+0 0 0+0+0] children: inline
|
|
TextNode <#text> (not painted)
|
|
Box <div.column.outer.left> at [11,1963] flex-container(column) [0+1+0 60 0+1+718] [0+1+0 300 0+1+0] [FFC] children: not-inline
|
|
BlockContainer <div> at [12,1964] flex-item [0+1+0 50 0+1+0] [0+1+0 50 0+1+0] [BFC] children: inline
|
|
frag 0 from TextNode start: 0, length: 4, rect: [12,1964 26.25x18] baseline: 13.796875
|
|
"left"
|
|
TextNode <#text> (not painted)
|
|
BlockContainer <div> at [12,2016] flex-item [0+1+0 50 0+1+0] [0+1+0 50 0+1+0] [BFC] children: inline
|
|
frag 0 from TextNode start: 0, length: 1, rect: [12,2016 9.34375x18] baseline: 13.796875
|
|
"a"
|
|
TextNode <#text> (not painted)
|
|
BlockContainer <div> at [12,2068] flex-item [0+1+0 50 0+1+0] [0+1+0 50 0+1+0] [BFC] children: inline
|
|
frag 0 from TextNode start: 0, length: 1, rect: [12,2068 9.46875x18] baseline: 13.796875
|
|
"b"
|
|
TextNode <#text> (not painted)
|
|
BlockContainer <(anonymous)> at [10,2264] [0+0+0 780 0+0+0] [0+0+0 0 0+0+0] children: inline
|
|
TextNode <#text> (not painted)
|
|
Box <div.column.outer.right> at [11,2265] flex-container(column) [0+1+0 60 0+1+718] [0+1+0 300 0+1+0] [FFC] children: not-inline
|
|
BlockContainer <div> at [12,2266] flex-item [0+1+0 50 0+1+0] [0+1+0 50 0+1+0] [BFC] children: inline
|
|
frag 0 from TextNode start: 0, length: 5, rect: [12,2266 37.109375x18] baseline: 13.796875
|
|
"right"
|
|
TextNode <#text> (not painted)
|
|
BlockContainer <div> at [12,2318] flex-item [0+1+0 50 0+1+0] [0+1+0 50 0+1+0] [BFC] children: inline
|
|
frag 0 from TextNode start: 0, length: 1, rect: [12,2318 9.34375x18] baseline: 13.796875
|
|
"a"
|
|
TextNode <#text> (not painted)
|
|
BlockContainer <div> at [12,2370] flex-item [0+1+0 50 0+1+0] [0+1+0 50 0+1+0] [BFC] children: inline
|
|
frag 0 from TextNode start: 0, length: 1, rect: [12,2370 9.46875x18] baseline: 13.796875
|
|
"b"
|
|
TextNode <#text> (not painted)
|
|
BlockContainer <(anonymous)> at [10,2566] [0+0+0 780 0+0+0] [0+0+0 0 0+0+0] children: inline
|
|
TextNode <#text> (not painted)
|
|
Box <div.column.reverse.outer.start> at [11,2567] flex-container(column-reverse) [0+1+0 60 0+1+718] [0+1+0 300 0+1+0] [FFC] children: not-inline
|
|
BlockContainer <div> at [20,2672] flex-item [0+1+0 50 0+1+0] [0+1+0 50 0+1+0] [BFC] children: inline
|
|
frag 0 from TextNode start: 0, length: 5, rect: [20,2672 41.234375x18] baseline: 13.796875
|
|
"start"
|
|
TextNode <#text> (not painted)
|
|
BlockContainer <div> at [20,2620] flex-item [0+1+0 50 0+1+0] [0+1+0 50 0+1+0] [BFC] children: inline
|
|
frag 0 from TextNode start: 0, length: 1, rect: [20,2620 9.34375x18] baseline: 13.796875
|
|
"a"
|
|
TextNode <#text> (not painted)
|
|
BlockContainer <div> at [20,2568] flex-item [0+1+0 50 0+1+0] [0+1+0 50 0+1+0] [BFC] children: inline
|
|
frag 0 from TextNode start: 0, length: 1, rect: [20,2568 9.46875x18] baseline: 13.796875
|
|
"b"
|
|
TextNode <#text> (not painted)
|
|
BlockContainer <(anonymous)> at [10,2868] [0+0+0 780 0+0+0] [0+0+0 0 0+0+0] children: inline
|
|
TextNode <#text> (not painted)
|
|
Box <div.column.reverse.outer.flex-start> at [11,2869] flex-container(column-reverse) [0+1+0 60 0+1+718] [0+1+0 300 0+1+0] [FFC] children: not-inline
|
|
BlockContainer <div> at [20,3118] flex-item [0+1+0 50 0+1+0] [0+1+0 50 0+1+0] [BFC] children: inline
|
|
frag 0 from TextNode start: 0, length: 10, rect: [20,3118 76.8125x18] baseline: 13.796875
|
|
"flex-start"
|
|
TextNode <#text> (not painted)
|
|
BlockContainer <div> at [20,3066] flex-item [0+1+0 50 0+1+0] [0+1+0 50 0+1+0] [BFC] children: inline
|
|
frag 0 from TextNode start: 0, length: 1, rect: [20,3066 9.34375x18] baseline: 13.796875
|
|
"a"
|
|
TextNode <#text> (not painted)
|
|
BlockContainer <div> at [20,3014] flex-item [0+1+0 50 0+1+0] [0+1+0 50 0+1+0] [BFC] children: inline
|
|
frag 0 from TextNode start: 0, length: 1, rect: [20,3014 9.46875x18] baseline: 13.796875
|
|
"b"
|
|
TextNode <#text> (not painted)
|
|
BlockContainer <(anonymous)> at [10,3170] [0+0+0 780 0+0+0] [0+0+0 0 0+0+0] children: inline
|
|
TextNode <#text> (not painted)
|
|
Box <div.column.reverse.outer.end> at [11,3171] flex-container(column-reverse) [0+1+0 60 0+1+718] [0+1+0 300 0+1+0] [FFC] children: not-inline
|
|
BlockContainer <div> at [12,3420] flex-item [0+1+0 50 0+1+0] [0+1+0 50 0+1+0] [BFC] children: inline
|
|
frag 0 from TextNode start: 0, length: 3, rect: [12,3420 26.1875x18] baseline: 13.796875
|
|
"end"
|
|
TextNode <#text> (not painted)
|
|
BlockContainer <div> at [12,3368] flex-item [0+1+0 50 0+1+0] [0+1+0 50 0+1+0] [BFC] children: inline
|
|
frag 0 from TextNode start: 0, length: 1, rect: [12,3368 9.34375x18] baseline: 13.796875
|
|
"a"
|
|
TextNode <#text> (not painted)
|
|
BlockContainer <div> at [12,3316] flex-item [0+1+0 50 0+1+0] [0+1+0 50 0+1+0] [BFC] children: inline
|
|
frag 0 from TextNode start: 0, length: 1, rect: [12,3316 9.46875x18] baseline: 13.796875
|
|
"b"
|
|
TextNode <#text> (not painted)
|
|
BlockContainer <(anonymous)> at [10,3472] [0+0+0 780 0+0+0] [0+0+0 0 0+0+0] children: inline
|
|
TextNode <#text> (not painted)
|
|
Box <div.column.reverse.outer.flex-end> at [11,3473] flex-container(column-reverse) [0+1+0 60 0+1+718] [0+1+0 300 0+1+0] [FFC] children: not-inline
|
|
BlockContainer <div> at [12,3578] flex-item [0+1+0 50 0+1+0] [0+1+0 50 0+1+0] [BFC] children: inline
|
|
frag 0 from TextNode start: 0, length: 8, rect: [12,3578 61.765625x18] baseline: 13.796875
|
|
"flex-end"
|
|
TextNode <#text> (not painted)
|
|
BlockContainer <div> at [12,3526] flex-item [0+1+0 50 0+1+0] [0+1+0 50 0+1+0] [BFC] children: inline
|
|
frag 0 from TextNode start: 0, length: 1, rect: [12,3526 9.34375x18] baseline: 13.796875
|
|
"a"
|
|
TextNode <#text> (not painted)
|
|
BlockContainer <div> at [12,3474] flex-item [0+1+0 50 0+1+0] [0+1+0 50 0+1+0] [BFC] children: inline
|
|
frag 0 from TextNode start: 0, length: 1, rect: [12,3474 9.46875x18] baseline: 13.796875
|
|
"b"
|
|
TextNode <#text> (not painted)
|
|
BlockContainer <(anonymous)> at [10,3774] [0+0+0 780 0+0+0] [0+0+0 0 0+0+0] children: inline
|
|
TextNode <#text> (not painted)
|
|
Box <div.column.reverse.outer.left> at [11,3775] flex-container(column-reverse) [0+1+0 60 0+1+718] [0+1+0 300 0+1+0] [FFC] children: not-inline
|
|
BlockContainer <div> at [12,3880] flex-item [0+1+0 50 0+1+0] [0+1+0 50 0+1+0] [BFC] children: inline
|
|
frag 0 from TextNode start: 0, length: 4, rect: [12,3880 26.25x18] baseline: 13.796875
|
|
"left"
|
|
TextNode <#text> (not painted)
|
|
BlockContainer <div> at [12,3828] flex-item [0+1+0 50 0+1+0] [0+1+0 50 0+1+0] [BFC] children: inline
|
|
frag 0 from TextNode start: 0, length: 1, rect: [12,3828 9.34375x18] baseline: 13.796875
|
|
"a"
|
|
TextNode <#text> (not painted)
|
|
BlockContainer <div> at [12,3776] flex-item [0+1+0 50 0+1+0] [0+1+0 50 0+1+0] [BFC] children: inline
|
|
frag 0 from TextNode start: 0, length: 1, rect: [12,3776 9.46875x18] baseline: 13.796875
|
|
"b"
|
|
TextNode <#text> (not painted)
|
|
BlockContainer <(anonymous)> at [10,4076] [0+0+0 780 0+0+0] [0+0+0 0 0+0+0] children: inline
|
|
TextNode <#text> (not painted)
|
|
Box <div.column.reverse.outer.right> at [11,4077] flex-container(column-reverse) [0+1+0 60 0+1+718] [0+1+0 300 0+1+0] [FFC] children: not-inline
|
|
BlockContainer <div> at [12,4182] flex-item [0+1+0 50 0+1+0] [0+1+0 50 0+1+0] [BFC] children: inline
|
|
frag 0 from TextNode start: 0, length: 5, rect: [12,4182 37.109375x18] baseline: 13.796875
|
|
"right"
|
|
TextNode <#text> (not painted)
|
|
BlockContainer <div> at [12,4130] flex-item [0+1+0 50 0+1+0] [0+1+0 50 0+1+0] [BFC] children: inline
|
|
frag 0 from TextNode start: 0, length: 1, rect: [12,4130 9.34375x18] baseline: 13.796875
|
|
"a"
|
|
TextNode <#text> (not painted)
|
|
BlockContainer <div> at [12,4078] flex-item [0+1+0 50 0+1+0] [0+1+0 50 0+1+0] [BFC] children: inline
|
|
frag 0 from TextNode start: 0, length: 1, rect: [12,4078 9.46875x18] baseline: 13.796875
|
|
"b"
|
|
TextNode <#text> (not painted)
|
|
BlockContainer <(anonymous)> at [10,4378] [0+0+0 780 0+0+0] [0+0+0 0 0+0+0] children: inline
|
|
TextNode <#text> (not painted)
|
|
|
|
ViewportPaintable (Viewport<#document>) [0,0 800x600] overflow: [0,0 800x4388]
|
|
PaintableWithLines (BlockContainer<HTML>) [0,0 800x4388]
|
|
PaintableWithLines (BlockContainer<BODY>) [9,9 782x4370]
|
|
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.outer.left) [10,258 302x62]
|
|
PaintableWithLines (BlockContainer<DIV>) [11,259 52x52]
|
|
TextPaintable (TextNode<#text>)
|
|
PaintableWithLines (BlockContainer<DIV>) [63,259 52x52]
|
|
TextPaintable (TextNode<#text>)
|
|
PaintableWithLines (BlockContainer<DIV>) [115,259 52x52]
|
|
TextPaintable (TextNode<#text>)
|
|
PaintableWithLines (BlockContainer(anonymous)) [10,320 780x0]
|
|
PaintableBox (Box<DIV>.row.outer.right) [10,320 302x62]
|
|
PaintableWithLines (BlockContainer<DIV>) [155,321 52x52]
|
|
TextPaintable (TextNode<#text>)
|
|
PaintableWithLines (BlockContainer<DIV>) [207,321 52x52]
|
|
TextPaintable (TextNode<#text>)
|
|
PaintableWithLines (BlockContainer<DIV>) [259,321 52x52]
|
|
TextPaintable (TextNode<#text>)
|
|
PaintableWithLines (BlockContainer(anonymous)) [10,382 780x0]
|
|
PaintableBox (Box<DIV>.row.reverse.outer.start) [10,382 302x62]
|
|
PaintableWithLines (BlockContainer<DIV>) [259,383 52x52]
|
|
TextPaintable (TextNode<#text>)
|
|
PaintableWithLines (BlockContainer<DIV>) [159,383 52x52]
|
|
TextPaintable (TextNode<#text>)
|
|
PaintableWithLines (BlockContainer<DIV>) [59,383 52x52]
|
|
TextPaintable (TextNode<#text>)
|
|
PaintableWithLines (BlockContainer(anonymous)) [10,444 780x0]
|
|
PaintableBox (Box<DIV>.row.reverse.outer.flex-start) [10,444 302x62] overflow: [11,445 325.8125x60]
|
|
PaintableWithLines (BlockContainer<DIV>) [259,445 52x52] overflow: [260,446 76.8125x50]
|
|
TextPaintable (TextNode<#text>)
|
|
PaintableWithLines (BlockContainer<DIV>) [159,445 52x52]
|
|
TextPaintable (TextNode<#text>)
|
|
PaintableWithLines (BlockContainer<DIV>) [59,445 52x52]
|
|
TextPaintable (TextNode<#text>)
|
|
PaintableWithLines (BlockContainer(anonymous)) [10,506 780x0]
|
|
PaintableBox (Box<DIV>.row.reverse.outer.end) [10,506 302x62]
|
|
PaintableWithLines (BlockContainer<DIV>) [211,507 52x52]
|
|
TextPaintable (TextNode<#text>)
|
|
PaintableWithLines (BlockContainer<DIV>) [111,507 52x52]
|
|
TextPaintable (TextNode<#text>)
|
|
PaintableWithLines (BlockContainer<DIV>) [11,507 52x52]
|
|
TextPaintable (TextNode<#text>)
|
|
PaintableWithLines (BlockContainer(anonymous)) [10,568 780x0]
|
|
PaintableBox (Box<DIV>.row.reverse.outer.flex-end) [10,568 302x62]
|
|
PaintableWithLines (BlockContainer<DIV>) [211,569 52x52] overflow: [212,570 61.765625x50]
|
|
TextPaintable (TextNode<#text>)
|
|
PaintableWithLines (BlockContainer<DIV>) [111,569 52x52]
|
|
TextPaintable (TextNode<#text>)
|
|
PaintableWithLines (BlockContainer<DIV>) [11,569 52x52]
|
|
TextPaintable (TextNode<#text>)
|
|
PaintableWithLines (BlockContainer(anonymous)) [10,630 780x0]
|
|
PaintableBox (Box<DIV>.row.reverse.outer.left) [10,630 302x62]
|
|
PaintableWithLines (BlockContainer<DIV>) [115,631 52x52]
|
|
TextPaintable (TextNode<#text>)
|
|
PaintableWithLines (BlockContainer<DIV>) [63,631 52x52]
|
|
TextPaintable (TextNode<#text>)
|
|
PaintableWithLines (BlockContainer<DIV>) [11,631 52x52]
|
|
TextPaintable (TextNode<#text>)
|
|
PaintableWithLines (BlockContainer(anonymous)) [10,692 780x0]
|
|
PaintableBox (Box<DIV>.row.reverse.outer.right) [10,692 302x62]
|
|
PaintableWithLines (BlockContainer<DIV>) [259,693 52x52]
|
|
TextPaintable (TextNode<#text>)
|
|
PaintableWithLines (BlockContainer<DIV>) [207,693 52x52]
|
|
TextPaintable (TextNode<#text>)
|
|
PaintableWithLines (BlockContainer<DIV>) [155,693 52x52]
|
|
TextPaintable (TextNode<#text>)
|
|
PaintableWithLines (BlockContainer(anonymous)) [10,754 780x0]
|
|
PaintableBox (Box<DIV>.column.outer.start) [10,754 62x302]
|
|
PaintableWithLines (BlockContainer<DIV>) [19,755 52x52]
|
|
TextPaintable (TextNode<#text>)
|
|
PaintableWithLines (BlockContainer<DIV>) [19,807 52x52]
|
|
TextPaintable (TextNode<#text>)
|
|
PaintableWithLines (BlockContainer<DIV>) [19,859 52x52]
|
|
TextPaintable (TextNode<#text>)
|
|
PaintableWithLines (BlockContainer(anonymous)) [10,1056 780x0]
|
|
PaintableBox (Box<DIV>.column.outer.flex-start) [10,1056 62x302] overflow: [11,1057 85.8125x300]
|
|
PaintableWithLines (BlockContainer<DIV>) [19,1057 52x52] overflow: [20,1058 76.8125x50]
|
|
TextPaintable (TextNode<#text>)
|
|
PaintableWithLines (BlockContainer<DIV>) [19,1109 52x52]
|
|
TextPaintable (TextNode<#text>)
|
|
PaintableWithLines (BlockContainer<DIV>) [19,1161 52x52]
|
|
TextPaintable (TextNode<#text>)
|
|
PaintableWithLines (BlockContainer(anonymous)) [10,1358 780x0]
|
|
PaintableBox (Box<DIV>.column.outer.end) [10,1358 62x302]
|
|
PaintableWithLines (BlockContainer<DIV>) [11,1503 52x52]
|
|
TextPaintable (TextNode<#text>)
|
|
PaintableWithLines (BlockContainer<DIV>) [11,1555 52x52]
|
|
TextPaintable (TextNode<#text>)
|
|
PaintableWithLines (BlockContainer<DIV>) [11,1607 52x52]
|
|
TextPaintable (TextNode<#text>)
|
|
PaintableWithLines (BlockContainer(anonymous)) [10,1660 780x0]
|
|
PaintableBox (Box<DIV>.column.outer.flex-end) [10,1660 62x302] overflow: [11,1661 62.765625x300]
|
|
PaintableWithLines (BlockContainer<DIV>) [11,1805 52x52] overflow: [12,1806 61.765625x50]
|
|
TextPaintable (TextNode<#text>)
|
|
PaintableWithLines (BlockContainer<DIV>) [11,1857 52x52]
|
|
TextPaintable (TextNode<#text>)
|
|
PaintableWithLines (BlockContainer<DIV>) [11,1909 52x52]
|
|
TextPaintable (TextNode<#text>)
|
|
PaintableWithLines (BlockContainer(anonymous)) [10,1962 780x0]
|
|
PaintableBox (Box<DIV>.column.outer.left) [10,1962 62x302]
|
|
PaintableWithLines (BlockContainer<DIV>) [11,1963 52x52]
|
|
TextPaintable (TextNode<#text>)
|
|
PaintableWithLines (BlockContainer<DIV>) [11,2015 52x52]
|
|
TextPaintable (TextNode<#text>)
|
|
PaintableWithLines (BlockContainer<DIV>) [11,2067 52x52]
|
|
TextPaintable (TextNode<#text>)
|
|
PaintableWithLines (BlockContainer(anonymous)) [10,2264 780x0]
|
|
PaintableBox (Box<DIV>.column.outer.right) [10,2264 62x302]
|
|
PaintableWithLines (BlockContainer<DIV>) [11,2265 52x52]
|
|
TextPaintable (TextNode<#text>)
|
|
PaintableWithLines (BlockContainer<DIV>) [11,2317 52x52]
|
|
TextPaintable (TextNode<#text>)
|
|
PaintableWithLines (BlockContainer<DIV>) [11,2369 52x52]
|
|
TextPaintable (TextNode<#text>)
|
|
PaintableWithLines (BlockContainer(anonymous)) [10,2566 780x0]
|
|
PaintableBox (Box<DIV>.column.reverse.outer.start) [10,2566 62x302]
|
|
PaintableWithLines (BlockContainer<DIV>) [19,2671 52x52]
|
|
TextPaintable (TextNode<#text>)
|
|
PaintableWithLines (BlockContainer<DIV>) [19,2619 52x52]
|
|
TextPaintable (TextNode<#text>)
|
|
PaintableWithLines (BlockContainer<DIV>) [19,2567 52x52]
|
|
TextPaintable (TextNode<#text>)
|
|
PaintableWithLines (BlockContainer(anonymous)) [10,2868 780x0]
|
|
PaintableBox (Box<DIV>.column.reverse.outer.flex-start) [10,2868 62x302] overflow: [11,2869 85.8125x300]
|
|
PaintableWithLines (BlockContainer<DIV>) [19,3117 52x52] overflow: [20,3118 76.8125x50]
|
|
TextPaintable (TextNode<#text>)
|
|
PaintableWithLines (BlockContainer<DIV>) [19,3065 52x52]
|
|
TextPaintable (TextNode<#text>)
|
|
PaintableWithLines (BlockContainer<DIV>) [19,3013 52x52]
|
|
TextPaintable (TextNode<#text>)
|
|
PaintableWithLines (BlockContainer(anonymous)) [10,3170 780x0]
|
|
PaintableBox (Box<DIV>.column.reverse.outer.end) [10,3170 62x302]
|
|
PaintableWithLines (BlockContainer<DIV>) [11,3419 52x52]
|
|
TextPaintable (TextNode<#text>)
|
|
PaintableWithLines (BlockContainer<DIV>) [11,3367 52x52]
|
|
TextPaintable (TextNode<#text>)
|
|
PaintableWithLines (BlockContainer<DIV>) [11,3315 52x52]
|
|
TextPaintable (TextNode<#text>)
|
|
PaintableWithLines (BlockContainer(anonymous)) [10,3472 780x0]
|
|
PaintableBox (Box<DIV>.column.reverse.outer.flex-end) [10,3472 62x302] overflow: [11,3473 62.765625x300]
|
|
PaintableWithLines (BlockContainer<DIV>) [11,3577 52x52] overflow: [12,3578 61.765625x50]
|
|
TextPaintable (TextNode<#text>)
|
|
PaintableWithLines (BlockContainer<DIV>) [11,3525 52x52]
|
|
TextPaintable (TextNode<#text>)
|
|
PaintableWithLines (BlockContainer<DIV>) [11,3473 52x52]
|
|
TextPaintable (TextNode<#text>)
|
|
PaintableWithLines (BlockContainer(anonymous)) [10,3774 780x0]
|
|
PaintableBox (Box<DIV>.column.reverse.outer.left) [10,3774 62x302]
|
|
PaintableWithLines (BlockContainer<DIV>) [11,3879 52x52]
|
|
TextPaintable (TextNode<#text>)
|
|
PaintableWithLines (BlockContainer<DIV>) [11,3827 52x52]
|
|
TextPaintable (TextNode<#text>)
|
|
PaintableWithLines (BlockContainer<DIV>) [11,3775 52x52]
|
|
TextPaintable (TextNode<#text>)
|
|
PaintableWithLines (BlockContainer(anonymous)) [10,4076 780x0]
|
|
PaintableBox (Box<DIV>.column.reverse.outer.right) [10,4076 62x302]
|
|
PaintableWithLines (BlockContainer<DIV>) [11,4181 52x52]
|
|
TextPaintable (TextNode<#text>)
|
|
PaintableWithLines (BlockContainer<DIV>) [11,4129 52x52]
|
|
TextPaintable (TextNode<#text>)
|
|
PaintableWithLines (BlockContainer<DIV>) [11,4077 52x52]
|
|
TextPaintable (TextNode<#text>)
|
|
PaintableWithLines (BlockContainer(anonymous)) [10,4378 780x0]
|
|
|
|
SC for Viewport<#document> [0,0 800x600] [children: 1] (z-index: auto)
|
|
SC for BlockContainer<HTML> [1,1 798x4386] [children: 0] (z-index: auto)
|