mirror of
https://github.com/RGBCube/serenity
synced 2025-05-31 14:18:12 +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.
19 lines
1.3 KiB
Text
19 lines
1.3 KiB
Text
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
|
|
BlockContainer <html> at (0,0) content-size 800x33.46875 [BFC] children: not-inline
|
|
BlockContainer <body> at (8,8) content-size 784x17.46875 children: not-inline
|
|
Box <div.foo> at (8,8) content-size 784x17.46875 flex-container(row) [FFC] children: not-inline
|
|
BlockContainer <(anonymous)> at (8,8) content-size 28.40625x17.46875 flex-item [BFC] children: inline
|
|
line 0 width: 28.40625, height: 17.46875, bottom: 17.46875, baseline: 13.53125
|
|
frag 0 from TextNode start: 0, length: 4, rect: [8,8 28.40625x17.46875]
|
|
"well"
|
|
TextNode <#text>
|
|
BlockContainer <(anonymous)> at (46,8) content-size 36.84375x17.46875 flex-item [BFC] children: inline
|
|
line 0 width: 36.84375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
|
|
frag 0 from TextNode start: 0, length: 5, rect: [46,8 36.84375x17.46875]
|
|
"hello"
|
|
TextNode <#text>
|
|
BlockContainer <(anonymous)> at (92.4375,8) content-size 55.359375x17.46875 flex-item [BFC] children: inline
|
|
line 0 width: 55.359375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
|
|
frag 0 from TextNode start: 0, length: 7, rect: [92.4375,8 55.359375x17.46875]
|
|
"friends"
|
|
TextNode <#text>
|