mirror of
https://github.com/RGBCube/serenity
synced 2025-05-31 08:08:12 +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.
39 lines
2.6 KiB
Text
39 lines
2.6 KiB
Text
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
|
|
BlockContainer <html> at (0,0) content-size 800x600 [BFC] children: not-inline
|
|
BlockContainer <body> at (8,8) content-size 784x251 children: not-inline
|
|
BlockContainer <div> at (8,8) content-size 784x251 children: not-inline
|
|
BlockContainer <(anonymous)> at (8,8) content-size 784x17 children: inline
|
|
frag 0 from TextNode start: 0, length: 54, rect: [345,8 447.484375x17] baseline: 13.296875
|
|
"This text and the green square are both right aligned:"
|
|
TextNode <#text>
|
|
BlockContainer <div.square> at (692,25) content-size 100x100 children: not-inline
|
|
BlockContainer <(anonymous)> at (8,125) content-size 784x0 children: inline
|
|
TextNode <#text>
|
|
BlockContainer <div> at (8,125) content-size 784x134 children: not-inline
|
|
BlockContainer <(anonymous)> at (8,125) content-size 784x34 children: inline
|
|
frag 0 from TextNode start: 1, length: 87, rect: [8,125 711.4375x17] baseline: 13.296875
|
|
"This text and the green square are both left aligned despite being nested in a div with"
|
|
frag 1 from TextNode start: 89, length: 14, rect: [8,142 94.296875x17] baseline: 13.296875
|
|
"align="right":"
|
|
TextNode <#text>
|
|
BlockContainer <div.square> at (8,159) content-size 100x100 children: inline
|
|
TextNode <#text>
|
|
BlockContainer <(anonymous)> at (8,259) content-size 784x0 children: inline
|
|
TextNode <#text>
|
|
BlockContainer <(anonymous)> at (8,259) content-size 784x0 children: inline
|
|
TextNode <#text>
|
|
|
|
ViewportPaintable (Viewport<#document>) [0,0 800x600]
|
|
PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
|
|
PaintableWithLines (BlockContainer<BODY>) [8,8 784x251] overflow: [8,8 784.484375x251]
|
|
PaintableWithLines (BlockContainer<DIV>) [8,8 784x251] overflow: [8,8 784.484375x251]
|
|
PaintableWithLines (BlockContainer(anonymous)) [8,8 784x17] overflow: [8,8 784.484375x17]
|
|
TextPaintable (TextNode<#text>)
|
|
PaintableWithLines (BlockContainer<DIV>.square) [692,25 100x100]
|
|
PaintableWithLines (BlockContainer(anonymous)) [8,125 784x0]
|
|
PaintableWithLines (BlockContainer<DIV>) [8,125 784x134]
|
|
PaintableWithLines (BlockContainer(anonymous)) [8,125 784x34]
|
|
TextPaintable (TextNode<#text>)
|
|
PaintableWithLines (BlockContainer<DIV>.square) [8,159 100x100]
|
|
PaintableWithLines (BlockContainer(anonymous)) [8,259 784x0]
|
|
PaintableWithLines (BlockContainer(anonymous)) [8,259 784x0]
|