mirror of
https://github.com/RGBCube/serenity
synced 2025-05-31 19:18:12 +00:00
968db96101
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.
20 lines
1.4 KiB
Text
20 lines
1.4 KiB
Text
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
|
|
BlockContainer <html> at (1,1) content-size 798x331.570312 [BFC] children: not-inline
|
|
Box <body.hero> at (2,2) content-size 600x329.570312 flex-container(column) [FFC] children: not-inline
|
|
BlockContainer <div.header> at (102,3) content-size 400x327.570312 flex-item [BFC] children: inline
|
|
line 0 width: 340.488281, height: 65.507812, bottom: 65.507812, baseline: 50.742187
|
|
frag 0 from TextNode start: 0, length: 11, rect: [102,3 340.488281x65.507812]
|
|
"This entire"
|
|
line 1 width: 341.25, height: 66.015625, bottom: 131.523437, baseline: 50.742187
|
|
frag 0 from TextNode start: 12, length: 11, rect: [102,68 341.25x65.507812]
|
|
"text should"
|
|
line 2 width: 274.160156, height: 65.523437, bottom: 196.539062, baseline: 50.742187
|
|
frag 0 from TextNode start: 24, length: 8, rect: [102,134 274.160156x65.507812]
|
|
"be on an"
|
|
line 3 width: 204.082031, height: 66.03125, bottom: 262.554687, baseline: 50.742187
|
|
frag 0 from TextNode start: 33, length: 6, rect: [102,199 204.082031x65.507812]
|
|
"orange"
|
|
line 4 width: 351.5625, height: 65.539062, bottom: 327.570312, baseline: 50.742187
|
|
frag 0 from TextNode start: 40, length: 11, rect: [102,265 351.5625x65.507812]
|
|
"background."
|
|
TextNode <#text>
|