mirror of
https://github.com/RGBCube/serenity
synced 2025-07-24 23:17:44 +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.
45 lines
2.9 KiB
Text
45 lines
2.9 KiB
Text
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
|
|
BlockContainer <html> at (1,1) content-size 798x283 [BFC] children: not-inline
|
|
BlockContainer <body> at (10,10) content-size 780x265 children: not-inline
|
|
Box <div.flex.row.align-start> at (11,11) content-size 500x200 flex-container(row) [FFC] children: not-inline
|
|
BlockContainer <div> at (12,12) content-size 136.5x17 flex-item [BFC] children: inline
|
|
frag 0 from TextNode start: 0, length: 18, rect: [12,12 136.5x17] baseline: 13.296875
|
|
"align-items: start"
|
|
TextNode <#text>
|
|
Box <div.flex.align-end> at (11,213) content-size 500x19 flex-container(row) [FFC] children: not-inline
|
|
BlockContainer <div> at (12,214) content-size 121.453125x17 flex-item [BFC] children: inline
|
|
frag 0 from TextNode start: 0, length: 16, rect: [12,214 121.453125x17] baseline: 13.296875
|
|
"align-items: end"
|
|
TextNode <#text>
|
|
BlockContainer <(anonymous)> at (10,233) content-size 780x0 children: inline
|
|
TextNode <#text>
|
|
Box <div.flex.align-start> at (11,234) content-size 500x19 flex-container(row) [FFC] children: not-inline
|
|
BlockContainer <div> at (12,235) content-size 136.5x17 flex-item [BFC] children: inline
|
|
frag 0 from TextNode start: 0, length: 18, rect: [12,235 136.5x17] baseline: 13.296875
|
|
"align-items: start"
|
|
TextNode <#text>
|
|
Box <div.flex.column.align-end> at (11,255) content-size 500x19 flex-container(column) [FFC] children: not-inline
|
|
BlockContainer <div> at (388.546875,256) content-size 121.453125x17 flex-item [BFC] children: inline
|
|
frag 0 from TextNode start: 0, length: 16, rect: [388.546875,256 121.453125x17] baseline: 13.296875
|
|
"align-items: end"
|
|
TextNode <#text>
|
|
BlockContainer <(anonymous)> at (10,275) content-size 780x0 children: inline
|
|
TextNode <#text>
|
|
|
|
ViewportPaintable (Viewport<#document>) [0,0 800x600]
|
|
PaintableWithLines (BlockContainer<HTML>) [0,0 800x285]
|
|
PaintableWithLines (BlockContainer<BODY>) [9,9 782x267]
|
|
PaintableBox (Box<DIV>.flex.row.align-start) [10,10 502x202]
|
|
PaintableWithLines (BlockContainer<DIV>) [11,11 138.5x19]
|
|
TextPaintable (TextNode<#text>)
|
|
PaintableBox (Box<DIV>.flex.align-end) [10,212 502x21]
|
|
PaintableWithLines (BlockContainer<DIV>) [11,213 123.453125x19]
|
|
TextPaintable (TextNode<#text>)
|
|
PaintableWithLines (BlockContainer(anonymous)) [10,233 780x0]
|
|
PaintableBox (Box<DIV>.flex.align-start) [10,233 502x21]
|
|
PaintableWithLines (BlockContainer<DIV>) [11,234 138.5x19]
|
|
TextPaintable (TextNode<#text>)
|
|
PaintableBox (Box<DIV>.flex.column.align-end) [10,254 502x21]
|
|
PaintableWithLines (BlockContainer<DIV>) [387.546875,255 123.453125x19]
|
|
TextPaintable (TextNode<#text>)
|
|
PaintableWithLines (BlockContainer(anonymous)) [10,275 780x0]
|