mirror of
https://github.com/RGBCube/serenity
synced 2025-07-25 01:07:34 +00:00

This patch does three things: - Factors out the code that determines whether a box will create a new formatting context for its children (and which type of context) - Uses that code to mark all formatting context roots in layout tree dumps. This makes it much easier to follow along with layout since you can now see exactly where control is transferred to a new formatting context. - Rebaselines all existing layout tests, since the output format has changed slightly.
22 lines
1.5 KiB
Text
22 lines
1.5 KiB
Text
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
|
|
BlockContainer <html> at (1,1) content-size 798x457.09375 [BFC] children: not-inline
|
|
Box <body.hero> at (10,10) content-size 500x439.09375 flex-container(column) [FFC] children: not-inline
|
|
BlockContainer <div.upper> at (10,11) content-size 500x437.09375 flex-item [BFC] children: inline
|
|
line 0 width: 453.984375, height: 87.34375, bottom: 87.34375, baseline: 67.65625
|
|
frag 0 from TextNode start: 0, length: 11, rect: [10,11 453.984375x87.34375]
|
|
"This entire"
|
|
line 1 width: 455, height: 87.6875, bottom: 175.03125, baseline: 67.65625
|
|
frag 0 from TextNode start: 12, length: 11, rect: [10,98 455x87.34375]
|
|
"text should"
|
|
line 2 width: 230.78125, height: 88.03125, bottom: 262.71875, baseline: 67.65625
|
|
frag 0 from TextNode start: 24, length: 5, rect: [10,185 230.78125x87.34375]
|
|
"be on"
|
|
line 3 width: 272.109375, height: 87.375, bottom: 349.40625, baseline: 67.65625
|
|
frag 0 from TextNode start: 30, length: 6, rect: [10,273 272.109375x87.34375]
|
|
"orange"
|
|
line 4 width: 468.75, height: 87.71875, bottom: 437.09375, baseline: 67.65625
|
|
frag 0 from TextNode start: 37, length: 11, rect: [10,360 468.75x87.34375]
|
|
"background."
|
|
TextNode <#text>
|
|
BlockContainer <(anonymous)> at (10,10) content-size 0x0 [BFC] children: inline
|
|
TextNode <#text>
|