mirror of
https://github.com/LadybirdBrowser/ladybird.git
synced 2025-05-28 05:52:53 +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.
96 lines
6 KiB
Text
96 lines
6 KiB
Text
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
|
|
BlockContainer <html> at (0,0) content-size 800x616 [BFC] children: not-inline
|
|
BlockContainer <body> at (8,8) content-size 784x600 children: not-inline
|
|
Box <div.outer.row> at (8,8) content-size 150x150 flex-container(row) [FFC] children: not-inline
|
|
BlockContainer <div.inner> at (12.609375,8) content-size 30.078125x150 flex-item [BFC] children: inline
|
|
frag 0 from TextNode start: 0, length: 4, rect: [12.609375,8 30.078125x17] baseline: 13.296875
|
|
"Well"
|
|
TextNode <#text>
|
|
BlockContainer <div.inner> at (51.921875,8) content-size 36.84375x150 flex-item [BFC] children: inline
|
|
frag 0 from TextNode start: 0, length: 5, rect: [51.921875,8 36.84375x17] baseline: 13.296875
|
|
"hello"
|
|
TextNode <#text>
|
|
BlockContainer <div.inner> at (98,8) content-size 55.359375x150 flex-item [BFC] children: inline
|
|
frag 0 from TextNode start: 0, length: 7, rect: [98,8 55.359375x17] baseline: 13.296875
|
|
"friends"
|
|
TextNode <#text>
|
|
BlockContainer <(anonymous)> at (8,158) content-size 784x0 children: inline
|
|
TextNode <#text>
|
|
Box <div.outer.row-reverse> at (8,158) content-size 150x150 flex-container(row-reverse) [FFC] children: not-inline
|
|
BlockContainer <div.inner> at (123.3125,158) content-size 30.078125x150 flex-item [BFC] children: inline
|
|
frag 0 from TextNode start: 0, length: 4, rect: [123.3125,158 30.078125x17] baseline: 13.296875
|
|
"Well"
|
|
TextNode <#text>
|
|
BlockContainer <div.inner> at (77.234375,158) content-size 36.84375x150 flex-item [BFC] children: inline
|
|
frag 0 from TextNode start: 0, length: 5, rect: [77.234375,158 36.84375x17] baseline: 13.296875
|
|
"hello"
|
|
TextNode <#text>
|
|
BlockContainer <div.inner> at (12.640625,158) content-size 55.359375x150 flex-item [BFC] children: inline
|
|
frag 0 from TextNode start: 0, length: 7, rect: [12.640625,158 55.359375x17] baseline: 13.296875
|
|
"friends"
|
|
TextNode <#text>
|
|
BlockContainer <(anonymous)> at (8,308) content-size 784x0 children: inline
|
|
TextNode <#text>
|
|
Box <div.outer.column> at (8,308) content-size 150x150 flex-container(column) [FFC] children: not-inline
|
|
BlockContainer <div.inner> at (8,324.5) content-size 150x17 flex-item [BFC] children: inline
|
|
frag 0 from TextNode start: 0, length: 4, rect: [8,324.5 30.078125x17] baseline: 13.296875
|
|
"Well"
|
|
TextNode <#text>
|
|
BlockContainer <div.inner> at (8,374.5) content-size 150x17 flex-item [BFC] children: inline
|
|
frag 0 from TextNode start: 0, length: 5, rect: [8,374.5 36.84375x17] baseline: 13.296875
|
|
"hello"
|
|
TextNode <#text>
|
|
BlockContainer <div.inner> at (8,424.5) content-size 150x17 flex-item [BFC] children: inline
|
|
frag 0 from TextNode start: 0, length: 7, rect: [8,424.5 55.359375x17] baseline: 13.296875
|
|
"friends"
|
|
TextNode <#text>
|
|
BlockContainer <(anonymous)> at (8,458) content-size 784x0 children: inline
|
|
TextNode <#text>
|
|
Box <div.outer.column-reverse> at (8,458) content-size 150x150 flex-container(column-reverse) [FFC] children: not-inline
|
|
BlockContainer <div.inner> at (8,574.5) content-size 150x17 flex-item [BFC] children: inline
|
|
frag 0 from TextNode start: 0, length: 4, rect: [8,574.5 30.078125x17] baseline: 13.296875
|
|
"Well"
|
|
TextNode <#text>
|
|
BlockContainer <div.inner> at (8,524.5) content-size 150x17 flex-item [BFC] children: inline
|
|
frag 0 from TextNode start: 0, length: 5, rect: [8,524.5 36.84375x17] baseline: 13.296875
|
|
"hello"
|
|
TextNode <#text>
|
|
BlockContainer <div.inner> at (8,474.5) content-size 150x17 flex-item [BFC] children: inline
|
|
frag 0 from TextNode start: 0, length: 7, rect: [8,474.5 55.359375x17] baseline: 13.296875
|
|
"friends"
|
|
TextNode <#text>
|
|
|
|
ViewportPaintable (Viewport<#document>) [0,0 800x600] overflow: [0,0 800x616]
|
|
PaintableWithLines (BlockContainer<HTML>) [0,0 800x616]
|
|
PaintableWithLines (BlockContainer<BODY>) [8,8 784x600]
|
|
PaintableBox (Box<DIV>.outer.row) [8,8 150x150]
|
|
PaintableWithLines (BlockContainer<DIV>.inner) [12.609375,8 30.078125x150]
|
|
TextPaintable (TextNode<#text>)
|
|
PaintableWithLines (BlockContainer<DIV>.inner) [51.921875,8 36.84375x150]
|
|
TextPaintable (TextNode<#text>)
|
|
PaintableWithLines (BlockContainer<DIV>.inner) [98,8 55.359375x150]
|
|
TextPaintable (TextNode<#text>)
|
|
PaintableWithLines (BlockContainer(anonymous)) [8,158 784x0]
|
|
PaintableBox (Box<DIV>.outer.row-reverse) [8,158 150x150]
|
|
PaintableWithLines (BlockContainer<DIV>.inner) [123.3125,158 30.078125x150]
|
|
TextPaintable (TextNode<#text>)
|
|
PaintableWithLines (BlockContainer<DIV>.inner) [77.234375,158 36.84375x150]
|
|
TextPaintable (TextNode<#text>)
|
|
PaintableWithLines (BlockContainer<DIV>.inner) [12.640625,158 55.359375x150]
|
|
TextPaintable (TextNode<#text>)
|
|
PaintableWithLines (BlockContainer(anonymous)) [8,308 784x0]
|
|
PaintableBox (Box<DIV>.outer.column) [8,308 150x150]
|
|
PaintableWithLines (BlockContainer<DIV>.inner) [8,324.5 150x17]
|
|
TextPaintable (TextNode<#text>)
|
|
PaintableWithLines (BlockContainer<DIV>.inner) [8,374.5 150x17]
|
|
TextPaintable (TextNode<#text>)
|
|
PaintableWithLines (BlockContainer<DIV>.inner) [8,424.5 150x17]
|
|
TextPaintable (TextNode<#text>)
|
|
PaintableWithLines (BlockContainer(anonymous)) [8,458 784x0]
|
|
PaintableBox (Box<DIV>.outer.column-reverse) [8,458 150x150]
|
|
PaintableWithLines (BlockContainer<DIV>.inner) [8,574.5 150x17]
|
|
TextPaintable (TextNode<#text>)
|
|
PaintableWithLines (BlockContainer<DIV>.inner) [8,524.5 150x17]
|
|
TextPaintable (TextNode<#text>)
|
|
PaintableWithLines (BlockContainer<DIV>.inner) [8,474.5 150x17]
|
|
TextPaintable (TextNode<#text>)
|