mirror of
https://github.com/RGBCube/serenity
synced 2025-05-31 14:48:14 +00:00
09eed8eea2
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.
26 lines
1.6 KiB
Text
26 lines
1.6 KiB
Text
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
|
|
BlockContainer <html> at (1,1) content-size 798x331.5 [BFC] children: not-inline
|
|
Box <body.hero> at (2,2) content-size 600x329.5 flex-container(column) [FFC] children: not-inline
|
|
BlockContainer <div.header> at (102,3) content-size 400x327.5 flex-item [BFC] children: inline
|
|
line 0 width: 340.484375, height: 65.5, bottom: 65.5, baseline: 50.734375
|
|
frag 0 from TextNode start: 0, length: 11, rect: [102,3 340.484375x65.5]
|
|
"This entire"
|
|
line 1 width: 341.234375, height: 65.5, bottom: 131, baseline: 50.734375
|
|
frag 0 from TextNode start: 12, length: 11, rect: [102,68.5 341.234375x65.5]
|
|
"text should"
|
|
line 2 width: 274.140625, height: 65.5, bottom: 196.5, baseline: 50.734375
|
|
frag 0 from TextNode start: 24, length: 8, rect: [102,134 274.140625x65.5]
|
|
"be on an"
|
|
line 3 width: 204.078125, height: 65.5, bottom: 262, baseline: 50.734375
|
|
frag 0 from TextNode start: 33, length: 6, rect: [102,199.5 204.078125x65.5]
|
|
"orange"
|
|
line 4 width: 351.5625, height: 65.5, bottom: 327.5, baseline: 50.734375
|
|
frag 0 from TextNode start: 40, length: 11, rect: [102,265 351.5625x65.5]
|
|
"background."
|
|
TextNode <#text>
|
|
|
|
PaintableWithLines (Viewport<#document>) [0,0 800x600]
|
|
PaintableWithLines (BlockContainer<HTML>) [0,0 800x333.5]
|
|
PaintableBox (Box<BODY>.hero) [1,1 602x331.5]
|
|
PaintableWithLines (BlockContainer<DIV>.header) [101,2 402x329.5]
|
|
TextPaintable (TextNode<#text>)
|