mirror of
https://github.com/RGBCube/serenity
synced 2025-07-25 01:57:44 +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.
115 lines
7.6 KiB
Text
115 lines
7.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 784x323 children: not-inline
|
|
BlockContainer <(anonymous)> at (8,8) content-size 784x0 children: inline
|
|
TextNode <#text>
|
|
BlockContainer <div> at (8,8) content-size 784x0 children: inline
|
|
TextNode <#text>
|
|
BlockContainer <div#lefty> at (8,8) content-size 100x100 floating [BFC] children: inline
|
|
frag 0 from TextNode start: 0, length: 1, rect: [8,8 10.859375x17] baseline: 13.296875
|
|
"L"
|
|
TextNode <#text>
|
|
TextNode <#text>
|
|
BlockContainer <div#righty> at (742,8) content-size 50x50 floating [BFC] children: inline
|
|
frag 0 from TextNode start: 0, length: 1, rect: [742,8 13.6875x17] baseline: 13.296875
|
|
"R"
|
|
TextNode <#text>
|
|
TextNode <#text>
|
|
BlockContainer <(anonymous)> at (8,8) content-size 784x0 children: inline
|
|
TextNode <#text>
|
|
BlockContainer <div> at (8,8) content-size 784x0 children: inline
|
|
TextNode <#text>
|
|
BlockContainer <div#lefty2> at (108,8) content-size 80x80 floating [BFC] children: inline
|
|
frag 0 from TextNode start: 0, length: 2, rect: [108,8 19.671875x17] baseline: 13.296875
|
|
"L2"
|
|
TextNode <#text>
|
|
TextNode <#text>
|
|
BlockContainer <div#righty2> at (712,8) content-size 30x30 floating [BFC] children: inline
|
|
frag 0 from TextNode start: 0, length: 2, rect: [712,8 22.5x17] baseline: 13.296875
|
|
"R2"
|
|
TextNode <#text>
|
|
TextNode <#text>
|
|
BlockContainer <(anonymous)> at (8,8) content-size 784x0 children: inline
|
|
TextNode <#text>
|
|
BlockContainer <div> at (8,8) content-size 784x0 children: inline
|
|
TextNode <#text>
|
|
BlockContainer <div#lefty3> at (188,8) content-size 40x40 floating [BFC] children: inline
|
|
frag 0 from TextNode start: 0, length: 2, rect: [188,8 19.953125x17] baseline: 13.296875
|
|
"L3"
|
|
TextNode <#text>
|
|
TextNode <#text>
|
|
BlockContainer <div#righty3> at (692,8) content-size 20x20 floating [BFC] children: inline
|
|
frag 0 from TextNode start: 0, length: 2, rect: [692,8 22.78125x17] baseline: 13.296875
|
|
"R3"
|
|
TextNode <#text>
|
|
TextNode <#text>
|
|
BlockContainer <(anonymous)> at (8,8) content-size 784x0 children: inline
|
|
TextNode <#text>
|
|
BlockContainer <div> at (8,8) content-size 784x323 children: inline
|
|
frag 0 from TextNode start: 1, length: 47, rect: [228,8 414.5625x17] baseline: 13.296875
|
|
"lorem ipsum lorem ipsum lorem ipsum lorem ipsum"
|
|
frag 1 from TextNode start: 49, length: 47, rect: [228,25 414.5625x17] baseline: 13.296875
|
|
"lorem ipsum lorem ipsum lorem ipsum lorem ipsum"
|
|
frag 2 from TextNode start: 97, length: 53, rect: [228,42 466.90625x17] baseline: 13.296875
|
|
"lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem"
|
|
frag 3 from TextNode start: 151, length: 65, rect: [188,59 573.5x17] baseline: 13.296875
|
|
"ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum"
|
|
frag 4 from TextNode start: 217, length: 65, rect: [188,76 572.546875x17] baseline: 13.296875
|
|
"lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem"
|
|
frag 5 from TextNode start: 283, length: 77, rect: [108,93 679.140625x17] baseline: 13.296875
|
|
"ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum"
|
|
frag 6 from TextNode start: 361, length: 89, rect: [8,110 783.828125x17] baseline: 13.296875
|
|
"lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem"
|
|
frag 7 from TextNode start: 451, length: 83, rect: [8,127 731.484375x17] baseline: 13.296875
|
|
"ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem"
|
|
frag 8 from TextNode start: 535, length: 83, rect: [8,144 731.484375x17] baseline: 13.296875
|
|
"ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem"
|
|
frag 9 from TextNode start: 619, length: 83, rect: [8,161 731.484375x17] baseline: 13.296875
|
|
"ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem"
|
|
frag 10 from TextNode start: 703, length: 83, rect: [8,178 731.484375x17] baseline: 13.296875
|
|
"ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem"
|
|
frag 11 from TextNode start: 787, length: 83, rect: [8,195 731.484375x17] baseline: 13.296875
|
|
"ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem"
|
|
frag 12 from TextNode start: 871, length: 83, rect: [8,212 731.484375x17] baseline: 13.296875
|
|
"ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem"
|
|
frag 13 from TextNode start: 955, length: 83, rect: [8,229 731.484375x17] baseline: 13.296875
|
|
"ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem"
|
|
frag 14 from TextNode start: 1039, length: 83, rect: [8,246 731.484375x17] baseline: 13.296875
|
|
"ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem"
|
|
frag 15 from TextNode start: 1123, length: 83, rect: [8,263 731.484375x17] baseline: 13.296875
|
|
"ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem"
|
|
frag 16 from TextNode start: 1207, length: 83, rect: [8,280 731.484375x17] baseline: 13.296875
|
|
"ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem"
|
|
frag 17 from TextNode start: 1291, length: 83, rect: [8,297 731.484375x17] baseline: 13.296875
|
|
"ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem"
|
|
frag 18 from TextNode start: 1375, length: 5, rect: [8,314 45.296875x17] baseline: 13.296875
|
|
"ipsum"
|
|
TextNode <#text>
|
|
BlockContainer <(anonymous)> at (8,331) content-size 784x0 children: inline
|
|
TextNode <#text>
|
|
|
|
ViewportPaintable (Viewport<#document>) [0,0 800x600]
|
|
PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
|
|
PaintableWithLines (BlockContainer<BODY>) [8,8 784x323]
|
|
PaintableWithLines (BlockContainer(anonymous)) [8,8 784x0]
|
|
PaintableWithLines (BlockContainer<DIV>) [8,8 784x0]
|
|
PaintableWithLines (BlockContainer<DIV>#lefty) [8,8 100x100]
|
|
TextPaintable (TextNode<#text>)
|
|
PaintableWithLines (BlockContainer<DIV>#righty) [742,8 50x50]
|
|
TextPaintable (TextNode<#text>)
|
|
PaintableWithLines (BlockContainer(anonymous)) [8,8 784x0]
|
|
PaintableWithLines (BlockContainer<DIV>) [8,8 784x0]
|
|
PaintableWithLines (BlockContainer<DIV>#lefty2) [108,8 80x80]
|
|
TextPaintable (TextNode<#text>)
|
|
PaintableWithLines (BlockContainer<DIV>#righty2) [712,8 30x30]
|
|
TextPaintable (TextNode<#text>)
|
|
PaintableWithLines (BlockContainer(anonymous)) [8,8 784x0]
|
|
PaintableWithLines (BlockContainer<DIV>) [8,8 784x0]
|
|
PaintableWithLines (BlockContainer<DIV>#lefty3) [188,8 40x40]
|
|
TextPaintable (TextNode<#text>)
|
|
PaintableWithLines (BlockContainer<DIV>#righty3) [692,8 20x20] overflow: [692,8 22.78125x20]
|
|
TextPaintable (TextNode<#text>)
|
|
PaintableWithLines (BlockContainer(anonymous)) [8,8 784x0]
|
|
PaintableWithLines (BlockContainer<DIV>) [8,8 784x323]
|
|
TextPaintable (TextNode<#text>)
|
|
PaintableWithLines (BlockContainer(anonymous)) [8,331 784x0]
|