mirror of
https://github.com/RGBCube/serenity
synced 2025-07-27 12:37:44 +00:00

This patch also makes FlexFormattingContext::calculate_static_position use computed values for margins and borders, since this function may be called before the box's state has been finalized.
99 lines
6.3 KiB
Text
99 lines
6.3 KiB
Text
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
|
|
BlockContainer <html> at (10,10) content-size 780x546 [BFC] children: not-inline
|
|
Box <body> at (28,28) content-size 744x510 flex-container(row) [FFC] children: not-inline
|
|
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
|
|
TextNode <#text>
|
|
Box <div.outer.normal> at (38,38) content-size 150x150 flex-container(row) flex-item [FFC] children: not-inline
|
|
BlockContainer <div> at (48,48) content-size 150x50 positioned [BFC] children: inline
|
|
frag 0 from TextNode start: 0, length: 6, rect: [48,48 54.578125x17] baseline: 13.296875
|
|
"normal"
|
|
TextNode <#text>
|
|
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
|
|
TextNode <#text>
|
|
Box <div.outer.stretch> at (208,38) content-size 150x150 flex-container(row) flex-item [FFC] children: not-inline
|
|
BlockContainer <div> at (218,48) content-size 150x50 positioned [BFC] children: inline
|
|
frag 0 from TextNode start: 0, length: 7, rect: [218,48 58.796875x17] baseline: 13.296875
|
|
"stretch"
|
|
TextNode <#text>
|
|
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
|
|
TextNode <#text>
|
|
Box <div.outer.start> at (378,38) content-size 150x150 flex-container(row) flex-item [FFC] children: not-inline
|
|
BlockContainer <div> at (388,48) content-size 150x50 positioned [BFC] children: inline
|
|
frag 0 from TextNode start: 0, length: 5, rect: [388,48 41.234375x17] baseline: 13.296875
|
|
"start"
|
|
TextNode <#text>
|
|
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
|
|
TextNode <#text>
|
|
Box <div.outer.flex-start> at (548,38) content-size 150x150 flex-container(row) flex-item [FFC] children: not-inline
|
|
BlockContainer <div> at (558,48) content-size 150x50 positioned [BFC] children: inline
|
|
frag 0 from TextNode start: 0, length: 10, rect: [558,48 76.8125x17] baseline: 13.296875
|
|
"flex-start"
|
|
TextNode <#text>
|
|
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
|
|
TextNode <#text>
|
|
Box <div.outer.end> at (38,208) content-size 150x150 flex-container(row) flex-item [FFC] children: not-inline
|
|
BlockContainer <div> at (48,298) content-size 150x50 positioned [BFC] children: inline
|
|
frag 0 from TextNode start: 0, length: 3, rect: [48,298 26.1875x17] baseline: 13.296875
|
|
"end"
|
|
TextNode <#text>
|
|
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
|
|
TextNode <#text>
|
|
Box <div.outer.flex-end> at (208,208) content-size 150x150 flex-container(row) flex-item [FFC] children: not-inline
|
|
BlockContainer <div> at (218,298) content-size 150x50 positioned [BFC] children: inline
|
|
frag 0 from TextNode start: 0, length: 8, rect: [218,298 61.765625x17] baseline: 13.296875
|
|
"flex-end"
|
|
TextNode <#text>
|
|
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
|
|
TextNode <#text>
|
|
Box <div.outer.center> at (378,208) content-size 150x150 flex-container(row) flex-item [FFC] children: not-inline
|
|
BlockContainer <div> at (388,258) content-size 150x50 positioned [BFC] children: inline
|
|
frag 0 from TextNode start: 0, length: 6, rect: [388,258 51.625x17] baseline: 13.296875
|
|
"center"
|
|
TextNode <#text>
|
|
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
|
|
TextNode <#text>
|
|
Box <div.outer.self-start> at (548,208) content-size 150x150 flex-container(row) flex-item [FFC] children: not-inline
|
|
BlockContainer <div> at (558,218) content-size 150x50 positioned [BFC] children: inline
|
|
frag 0 from TextNode start: 0, length: 10, rect: [558,218 76.453125x17] baseline: 13.296875
|
|
"self-start"
|
|
TextNode <#text>
|
|
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
|
|
TextNode <#text>
|
|
Box <div.outer.self-end> at (38,378) content-size 150x150 flex-container(row) flex-item [FFC] children: not-inline
|
|
BlockContainer <div> at (48,468) content-size 150x50 positioned [BFC] children: inline
|
|
frag 0 from TextNode start: 0, length: 8, rect: [48,468 61.40625x17] baseline: 13.296875
|
|
"self-end"
|
|
TextNode <#text>
|
|
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
|
|
TextNode <#text>
|
|
|
|
ViewportPaintable (Viewport<#document>) [0,0 800x600]
|
|
PaintableWithLines (BlockContainer<HTML>) [0,0 800x566]
|
|
PaintableBox (Box<BODY>) [18,18 764x530]
|
|
PaintableBox (Box<DIV>.outer.normal) [28,28 170x170] overflow: [38,38 170x150]
|
|
PaintableWithLines (BlockContainer<DIV>) [38,38 170x70]
|
|
TextPaintable (TextNode<#text>)
|
|
PaintableBox (Box<DIV>.outer.stretch) [198,28 170x170] overflow: [208,38 170x150]
|
|
PaintableWithLines (BlockContainer<DIV>) [208,38 170x70]
|
|
TextPaintable (TextNode<#text>)
|
|
PaintableBox (Box<DIV>.outer.start) [368,28 170x170] overflow: [378,38 170x150]
|
|
PaintableWithLines (BlockContainer<DIV>) [378,38 170x70]
|
|
TextPaintable (TextNode<#text>)
|
|
PaintableBox (Box<DIV>.outer.flex-start) [538,28 170x170] overflow: [548,38 170x150]
|
|
PaintableWithLines (BlockContainer<DIV>) [548,38 170x70]
|
|
TextPaintable (TextNode<#text>)
|
|
PaintableBox (Box<DIV>.outer.end) [28,198 170x170] overflow: [38,208 170x150]
|
|
PaintableWithLines (BlockContainer<DIV>) [38,288 170x70]
|
|
TextPaintable (TextNode<#text>)
|
|
PaintableBox (Box<DIV>.outer.flex-end) [198,198 170x170] overflow: [208,208 170x150]
|
|
PaintableWithLines (BlockContainer<DIV>) [208,288 170x70]
|
|
TextPaintable (TextNode<#text>)
|
|
PaintableBox (Box<DIV>.outer.center) [368,198 170x170] overflow: [378,208 170x150]
|
|
PaintableWithLines (BlockContainer<DIV>) [378,248 170x70]
|
|
TextPaintable (TextNode<#text>)
|
|
PaintableBox (Box<DIV>.outer.self-start) [538,198 170x170] overflow: [548,208 170x150]
|
|
PaintableWithLines (BlockContainer<DIV>) [548,208 170x70]
|
|
TextPaintable (TextNode<#text>)
|
|
PaintableBox (Box<DIV>.outer.self-end) [28,368 170x170] overflow: [38,378 170x150]
|
|
PaintableWithLines (BlockContainer<DIV>) [38,458 170x70]
|
|
TextPaintable (TextNode<#text>)
|