mirror of
https://github.com/RGBCube/serenity
synced 2025-07-08 06:47:34 +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.
33 lines
2 KiB
Text
33 lines
2 KiB
Text
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
|
|
BlockContainer <html> at (1,1) content-size 798x80 [BFC] children: not-inline
|
|
BlockContainer <body> at (10,10) content-size 780x62 children: not-inline
|
|
Box <div.flex-container> at (11,11) content-size 778x60 flex-container(row) [FFC] children: not-inline
|
|
BlockContainer <div.flex-item> at (12,12) content-size 386x28 flex-item [BFC] children: inline
|
|
frag 0 from TextNode start: 0, length: 6, rect: [12,12 58.40625x22] baseline: 17
|
|
"Item 1"
|
|
TextNode <#text>
|
|
BlockContainer <div.flex-item> at (401,12) content-size 386x28 flex-item [BFC] children: inline
|
|
frag 0 from TextNode start: 0, length: 6, rect: [401,12 61.484375x22] baseline: 17
|
|
"Item 2"
|
|
TextNode <#text>
|
|
BlockContainer <div.flex-item> at (12,42) content-size 386x28 flex-item [BFC] children: inline
|
|
frag 0 from TextNode start: 0, length: 6, rect: [12,42 61.84375x22] baseline: 17
|
|
"Item 3"
|
|
TextNode <#text>
|
|
BlockContainer <div.flex-item> at (401,42) content-size 386x28 flex-item [BFC] children: inline
|
|
frag 0 from TextNode start: 0, length: 6, rect: [401,42 60.15625x22] baseline: 17
|
|
"Item 4"
|
|
TextNode <#text>
|
|
|
|
ViewportPaintable (Viewport<#document>) [0,0 800x600]
|
|
PaintableWithLines (BlockContainer<HTML>) [0,0 800x82]
|
|
PaintableWithLines (BlockContainer<BODY>) [9,9 782x64]
|
|
PaintableBox (Box<DIV>.flex-container) [10,10 780x62]
|
|
PaintableWithLines (BlockContainer<DIV>.flex-item) [11,11 388x30]
|
|
TextPaintable (TextNode<#text>)
|
|
PaintableWithLines (BlockContainer<DIV>.flex-item) [400,11 388x30]
|
|
TextPaintable (TextNode<#text>)
|
|
PaintableWithLines (BlockContainer<DIV>.flex-item) [11,41 388x30]
|
|
TextPaintable (TextNode<#text>)
|
|
PaintableWithLines (BlockContainer<DIV>.flex-item) [400,41 388x30]
|
|
TextPaintable (TextNode<#text>)
|