mirror of
https://github.com/RGBCube/serenity
synced 2025-07-24 23:27:42 +00:00
de32b77ceb
This is a part of refactoring towards making the paintable tree independent of the layout tree. Now, instead of transferring text fragments from the layout tree to the paintable tree during the layout commit phase, we allocate separate PaintableFragments that contain only the information necessary for painting. Doing this also allows us to get rid LineBoxes, as they are used only during layout.
71 lines
4.7 KiB
Text
71 lines
4.7 KiB
Text
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
|
|
BlockContainer <html> at (1,1) content-size 798x140 [BFC] children: not-inline
|
|
Box <body> at (10,10) content-size 780x122 flex-container(column) [FFC] children: not-inline
|
|
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
|
|
TextNode <#text>
|
|
BlockContainer <div.px> at (11,11) content-size 200x19 flex-item [BFC] children: not-inline
|
|
Box <div.inner> at (12,12) content-size 198x17 flex-container(row) [FFC] children: not-inline
|
|
BlockContainer <(anonymous)> at (12,12) content-size 19.125x17 flex-item [BFC] children: inline
|
|
frag 0 from TextNode start: 0, length: 2, rect: [12,12 19.125x17] baseline: 13.296875
|
|
"px"
|
|
TextNode <#text>
|
|
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
|
|
TextNode <#text>
|
|
BlockContainer <div.percentage> at (11,32) content-size 50x19 flex-item [BFC] children: not-inline
|
|
Box <div.inner> at (12,33) content-size 48x17 flex-container(row) [FFC] children: not-inline
|
|
BlockContainer <(anonymous)> at (12,33) content-size 86.671875x17 flex-item [BFC] children: inline
|
|
frag 0 from TextNode start: 0, length: 10, rect: [12,33 86.671875x17] baseline: 13.296875
|
|
"percentage"
|
|
TextNode <#text>
|
|
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
|
|
TextNode <#text>
|
|
BlockContainer <div.fit-content> at (11,53) content-size 88.765625x19 flex-item [BFC] children: not-inline
|
|
Box <div.inner> at (12,54) content-size 86.765625x17 flex-container(row) [FFC] children: not-inline
|
|
BlockContainer <(anonymous)> at (12,54) content-size 86.765625x17 flex-item [BFC] children: inline
|
|
frag 0 from TextNode start: 0, length: 11, rect: [12,54 86.765625x17] baseline: 13.296875
|
|
"fit content"
|
|
TextNode <#text>
|
|
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
|
|
TextNode <#text>
|
|
BlockContainer <div.max-content> at (11,74) content-size 102.15625x19 flex-item [BFC] children: not-inline
|
|
Box <div.inner> at (12,75) content-size 100.15625x17 flex-container(row) [FFC] children: not-inline
|
|
BlockContainer <(anonymous)> at (12,75) content-size 100.15625x17 flex-item [BFC] children: inline
|
|
frag 0 from TextNode start: 0, length: 11, rect: [12,75 100.15625x17] baseline: 13.296875
|
|
"max content"
|
|
TextNode <#text>
|
|
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
|
|
TextNode <#text>
|
|
BlockContainer <div.min-content> at (11,95) content-size 62.90625x36 flex-item [BFC] children: not-inline
|
|
Box <div.inner> at (12,96) content-size 60.90625x34 flex-container(row) [FFC] children: not-inline
|
|
BlockContainer <(anonymous)> at (12,96) content-size 60.90625x34 flex-item [BFC] children: inline
|
|
frag 0 from TextNode start: 0, length: 3, rect: [12,96 26.375x17] baseline: 13.296875
|
|
"min"
|
|
frag 1 from TextNode start: 4, length: 7, rect: [12,113 60.90625x17] baseline: 13.296875
|
|
"content"
|
|
TextNode <#text>
|
|
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
|
|
TextNode <#text>
|
|
|
|
ViewportPaintable (Viewport<#document>) [0,0 800x600]
|
|
PaintableWithLines (BlockContainer<HTML>) [0,0 800x142]
|
|
PaintableBox (Box<BODY>) [9,9 782x124]
|
|
PaintableWithLines (BlockContainer<DIV>.px) [10,10 202x21]
|
|
PaintableBox (Box<DIV>.inner) [11,11 200x19]
|
|
PaintableWithLines (BlockContainer(anonymous)) [12,12 19.125x17]
|
|
TextPaintable (TextNode<#text>)
|
|
PaintableWithLines (BlockContainer<DIV>.percentage) [10,31 52x21] overflow: [11,32 87.671875x19]
|
|
PaintableBox (Box<DIV>.inner) [11,32 50x19] overflow: [12,33 86.671875x17]
|
|
PaintableWithLines (BlockContainer(anonymous)) [12,33 86.671875x17]
|
|
TextPaintable (TextNode<#text>)
|
|
PaintableWithLines (BlockContainer<DIV>.fit-content) [10,52 90.765625x21]
|
|
PaintableBox (Box<DIV>.inner) [11,53 88.765625x19]
|
|
PaintableWithLines (BlockContainer(anonymous)) [12,54 86.765625x17]
|
|
TextPaintable (TextNode<#text>)
|
|
PaintableWithLines (BlockContainer<DIV>.max-content) [10,73 104.15625x21]
|
|
PaintableBox (Box<DIV>.inner) [11,74 102.15625x19]
|
|
PaintableWithLines (BlockContainer(anonymous)) [12,75 100.15625x17]
|
|
TextPaintable (TextNode<#text>)
|
|
PaintableWithLines (BlockContainer<DIV>.min-content) [10,94 64.90625x38]
|
|
PaintableBox (Box<DIV>.inner) [11,95 62.90625x36]
|
|
PaintableWithLines (BlockContainer(anonymous)) [12,96 60.90625x34]
|
|
TextPaintable (TextNode<#text>)
|