mirror of
https://github.com/RGBCube/serenity
synced 2025-07-28 14: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.
116 lines
7.5 KiB
Text
116 lines
7.5 KiB
Text
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
|
|
BlockContainer <html> at (1,1) content-size 798x446 [BFC] children: not-inline
|
|
BlockContainer <body> at (10,10) content-size 780x428 children: not-inline
|
|
Box <div.grid> at (11,11) content-size 500x426 [GFC] children: not-inline
|
|
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
|
|
TextNode <#text>
|
|
BlockContainer <div.left-margin-auto.right-margin-auto> at (99.71875,12) content-size 322.5625x17 [BFC] children: inline
|
|
frag 0 from TextNode start: 0, length: 38, rect: [99.71875,12 322.5625x17] baseline: 13.296875
|
|
"auto horizontal margins and auto width"
|
|
TextNode <#text>
|
|
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
|
|
TextNode <#text>
|
|
BlockContainer <div.left-margin-auto> at (252.375,31) content-size 257.625x17 [BFC] children: inline
|
|
frag 0 from TextNode start: 0, length: 31, rect: [252.375,31 257.625x17] baseline: 13.296875
|
|
"auto left margin and auto width"
|
|
TextNode <#text>
|
|
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
|
|
TextNode <#text>
|
|
BlockContainer <div.right-margin-auto> at (12,50) content-size 268.484375x17 [BFC] children: inline
|
|
frag 0 from TextNode start: 0, length: 32, rect: [12,50 268.484375x17] baseline: 13.296875
|
|
"auto right margin and auto width"
|
|
TextNode <#text>
|
|
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
|
|
TextNode <#text>
|
|
BlockContainer <div.left-margin-auto.right-margin-auto.fit-content-width> at (75.25,69) content-size 371.484375x17 [BFC] children: inline
|
|
frag 0 from TextNode start: 0, length: 45, rect: [75.25,69 371.484375x17] baseline: 13.296875
|
|
"auto horizontal margins and fit-content width"
|
|
TextNode <#text>
|
|
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
|
|
TextNode <#text>
|
|
BlockContainer <div.left-margin-auto.fit-content-width> at (203.453125,88) content-size 306.546875x17 [BFC] children: inline
|
|
frag 0 from TextNode start: 0, length: 38, rect: [203.453125,88 306.546875x17] baseline: 13.296875
|
|
"auto left margin and fit-content width"
|
|
TextNode <#text>
|
|
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
|
|
TextNode <#text>
|
|
BlockContainer <div.right-margin-auto.fit-content-width> at (12,107) content-size 317.40625x17 [BFC] children: inline
|
|
frag 0 from TextNode start: 0, length: 39, rect: [12,107 317.40625x17] baseline: 13.296875
|
|
"auto right margin and fit-content width"
|
|
TextNode <#text>
|
|
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
|
|
TextNode <#text>
|
|
BlockContainer <div.left-margin-auto.right-margin-auto.fixed-width> at (236,126) content-size 50x102 [BFC] children: inline
|
|
frag 0 from TextNode start: 0, length: 4, rect: [236,126 36.328125x17] baseline: 13.296875
|
|
"auto"
|
|
frag 1 from TextNode start: 5, length: 10, rect: [236,143 81.84375x17] baseline: 13.296875
|
|
"horizontal"
|
|
frag 2 from TextNode start: 16, length: 7, rect: [236,160 61.453125x17] baseline: 13.296875
|
|
"margins"
|
|
frag 3 from TextNode start: 24, length: 3, rect: [236,177 26.8125x17] baseline: 13.296875
|
|
"and"
|
|
frag 4 from TextNode start: 28, length: 5, rect: [236,194 37.28125x17] baseline: 13.296875
|
|
"fixed"
|
|
frag 5 from TextNode start: 34, length: 5, rect: [236,211 39.796875x17] baseline: 13.296875
|
|
"width"
|
|
TextNode <#text>
|
|
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
|
|
TextNode <#text>
|
|
BlockContainer <div.left-margin-auto.fixed-width> at (460,230) content-size 50x102 [BFC] children: inline
|
|
frag 0 from TextNode start: 0, length: 4, rect: [460,230 36.328125x17] baseline: 13.296875
|
|
"auto"
|
|
frag 1 from TextNode start: 5, length: 4, rect: [460,247 26.25x17] baseline: 13.296875
|
|
"left"
|
|
frag 2 from TextNode start: 10, length: 6, rect: [460,264 52.109375x17] baseline: 13.296875
|
|
"margin"
|
|
frag 3 from TextNode start: 17, length: 3, rect: [460,281 26.8125x17] baseline: 13.296875
|
|
"and"
|
|
frag 4 from TextNode start: 21, length: 5, rect: [460,298 37.28125x17] baseline: 13.296875
|
|
"fixed"
|
|
frag 5 from TextNode start: 27, length: 5, rect: [460,315 39.796875x17] baseline: 13.296875
|
|
"width"
|
|
TextNode <#text>
|
|
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
|
|
TextNode <#text>
|
|
BlockContainer <div.right-margin-auto.fixed-width> at (12,334) content-size 50x102 [BFC] children: inline
|
|
frag 0 from TextNode start: 0, length: 4, rect: [12,334 36.328125x17] baseline: 13.296875
|
|
"auto"
|
|
frag 1 from TextNode start: 5, length: 5, rect: [12,351 37.109375x17] baseline: 13.296875
|
|
"right"
|
|
frag 2 from TextNode start: 11, length: 6, rect: [12,368 52.109375x17] baseline: 13.296875
|
|
"margin"
|
|
frag 3 from TextNode start: 18, length: 3, rect: [12,385 26.8125x17] baseline: 13.296875
|
|
"and"
|
|
frag 4 from TextNode start: 22, length: 5, rect: [12,402 37.28125x17] baseline: 13.296875
|
|
"fixed"
|
|
frag 5 from TextNode start: 28, length: 5, rect: [12,419 39.796875x17] baseline: 13.296875
|
|
"width"
|
|
TextNode <#text>
|
|
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
|
|
TextNode <#text>
|
|
BlockContainer <(anonymous)> at (10,438) content-size 780x0 children: inline
|
|
TextNode <#text>
|
|
|
|
ViewportPaintable (Viewport<#document>) [0,0 800x600]
|
|
PaintableWithLines (BlockContainer<HTML>) [0,0 800x448]
|
|
PaintableWithLines (BlockContainer<BODY>) [9,9 782x430]
|
|
PaintableBox (Box<DIV>.grid) [10,10 502x428] overflow: [11,11 501.109375x426]
|
|
PaintableWithLines (BlockContainer<DIV>.left-margin-auto.right-margin-auto) [98.71875,11 324.5625x19]
|
|
TextPaintable (TextNode<#text>)
|
|
PaintableWithLines (BlockContainer<DIV>.left-margin-auto) [251.375,30 259.625x19]
|
|
TextPaintable (TextNode<#text>)
|
|
PaintableWithLines (BlockContainer<DIV>.right-margin-auto) [11,49 270.484375x19]
|
|
TextPaintable (TextNode<#text>)
|
|
PaintableWithLines (BlockContainer<DIV>.left-margin-auto.right-margin-auto.fit-content-width) [74.25,68 373.484375x19]
|
|
TextPaintable (TextNode<#text>)
|
|
PaintableWithLines (BlockContainer<DIV>.left-margin-auto.fit-content-width) [202.453125,87 308.546875x19]
|
|
TextPaintable (TextNode<#text>)
|
|
PaintableWithLines (BlockContainer<DIV>.right-margin-auto.fit-content-width) [11,106 319.40625x19]
|
|
TextPaintable (TextNode<#text>)
|
|
PaintableWithLines (BlockContainer<DIV>.left-margin-auto.right-margin-auto.fixed-width) [235,125 52x104] overflow: [236,126 81.84375x102]
|
|
TextPaintable (TextNode<#text>)
|
|
PaintableWithLines (BlockContainer<DIV>.left-margin-auto.fixed-width) [459,229 52x104] overflow: [460,230 52.109375x102]
|
|
TextPaintable (TextNode<#text>)
|
|
PaintableWithLines (BlockContainer<DIV>.right-margin-auto.fixed-width) [11,333 52x104] overflow: [12,334 52.109375x102]
|
|
TextPaintable (TextNode<#text>)
|
|
PaintableWithLines (BlockContainer(anonymous)) [10,438 780x0]
|