mirror of
https://github.com/RGBCube/serenity
synced 2025-07-29 04:17:35 +00:00

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.
42 lines
2.8 KiB
Text
42 lines
2.8 KiB
Text
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
|
|
BlockContainer <html> at (1,1) content-size 798x126 [BFC] children: not-inline
|
|
BlockContainer <body> at (10,10) content-size 780x108 children: not-inline
|
|
Box <div.flex> at (11,11) content-size 500x52 flex-container(row) [FFC] children: not-inline
|
|
BlockContainer <(anonymous)> at (11,11) content-size 36.84375x52 flex-item [BFC] children: inline
|
|
frag 0 from TextNode start: 0, length: 5, rect: [11,11 36.84375x17] baseline: 13.296875
|
|
"hello"
|
|
TextNode <#text>
|
|
Box <div.item.one> at (48.84375,12) content-size 461.15625x50 flex-container(row) flex-item [FFC] children: not-inline
|
|
BlockContainer <(anonymous)> at (48.84375,12) content-size 55.359375x50 flex-item [BFC] children: inline
|
|
frag 0 from TextNode start: 0, length: 7, rect: [48.84375,12 55.359375x17] baseline: 13.296875
|
|
"friends"
|
|
TextNode <#text>
|
|
BlockContainer <(anonymous)> at (10,64) content-size 780x0 children: inline
|
|
TextNode <#text>
|
|
Box <div.flex> at (11,65) content-size 500x52 flex-container(row) [FFC] children: not-inline
|
|
BlockContainer <(anonymous)> at (11,65) content-size 36.84375x52 flex-item [BFC] children: inline
|
|
frag 0 from TextNode start: 0, length: 5, rect: [11,65 36.84375x17] baseline: 13.296875
|
|
"hello"
|
|
TextNode <#text>
|
|
Box <div.item.two> at (48.84375,66) content-size 461.15625x50 flex-container(row) flex-item [FFC] children: not-inline
|
|
BlockContainer <(anonymous)> at (48.84375,66) content-size 55.359375x50 flex-item [BFC] children: inline
|
|
frag 0 from TextNode start: 0, length: 7, rect: [48.84375,66 55.359375x17] baseline: 13.296875
|
|
"friends"
|
|
TextNode <#text>
|
|
|
|
ViewportPaintable (Viewport<#document>) [0,0 800x600]
|
|
PaintableWithLines (BlockContainer<HTML>) [0,0 800x128]
|
|
PaintableWithLines (BlockContainer<BODY>) [9,9 782x110]
|
|
PaintableBox (Box<DIV>.flex) [10,10 502x54]
|
|
PaintableWithLines (BlockContainer(anonymous)) [11,11 36.84375x52]
|
|
TextPaintable (TextNode<#text>)
|
|
PaintableBox (Box<DIV>.item.one) [47.84375,11 463.15625x52]
|
|
PaintableWithLines (BlockContainer(anonymous)) [48.84375,12 55.359375x50]
|
|
TextPaintable (TextNode<#text>)
|
|
PaintableWithLines (BlockContainer(anonymous)) [10,64 780x0]
|
|
PaintableBox (Box<DIV>.flex) [10,64 502x54]
|
|
PaintableWithLines (BlockContainer(anonymous)) [11,65 36.84375x52]
|
|
TextPaintable (TextNode<#text>)
|
|
PaintableBox (Box<DIV>.item.two) [47.84375,65 463.15625x52]
|
|
PaintableWithLines (BlockContainer(anonymous)) [48.84375,66 55.359375x50]
|
|
TextPaintable (TextNode<#text>)
|