mirror of
https://github.com/RGBCube/serenity
synced 2025-05-31 15:38:10 +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.
141 lines
9 KiB
Text
141 lines
9 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 784x544 children: not-inline
|
|
Box <div.grid-container> at (8,8) content-size 784x544 [GFC] children: not-inline
|
|
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
|
|
TextNode <#text>
|
|
BlockContainer <div.grid-item.item-span-one-one> at (108.640625,8) content-size 101.515625x238 [BFC] children: inline
|
|
frag 0 from TextNode start: 1, length: 4, rect: [108.640625,8 31.546875x17] baseline: 13.296875
|
|
"In a"
|
|
frag 1 from TextNode start: 6, length: 12, rect: [108.640625,25 84.84375x17] baseline: 13.296875
|
|
"sollicitudin"
|
|
frag 2 from TextNode start: 19, length: 10, rect: [108.640625,42 86.046875x17] baseline: 13.296875
|
|
"augue. Sed"
|
|
frag 3 from TextNode start: 30, length: 11, rect: [108.640625,59 92.734375x17] baseline: 13.296875
|
|
"ante augue,"
|
|
frag 4 from TextNode start: 42, length: 11, rect: [108.640625,76 101.3125x17] baseline: 13.296875
|
|
"rhoncus nec"
|
|
frag 5 from TextNode start: 54, length: 13, rect: [108.640625,93 98.40625x17] baseline: 13.296875
|
|
"porttitor id,"
|
|
frag 6 from TextNode start: 68, length: 10, rect: [108.640625,110 74.125x17] baseline: 13.296875
|
|
"lacinia et"
|
|
frag 7 from TextNode start: 79, length: 5, rect: [108.640625,127 37.28125x17] baseline: 13.296875
|
|
"nibh."
|
|
frag 8 from TextNode start: 85, length: 12, rect: [108.640625,144 101.515625x17] baseline: 13.296875
|
|
"Pellentesque"
|
|
frag 9 from TextNode start: 98, length: 12, rect: [108.640625,161 93.1875x17] baseline: 13.296875
|
|
"diam libero,"
|
|
frag 10 from TextNode start: 111, length: 13, rect: [108.640625,178 101.0625x17] baseline: 13.296875
|
|
"ultrices eget"
|
|
frag 11 from TextNode start: 125, length: 12, rect: [108.640625,195 88.109375x17] baseline: 13.296875
|
|
"eleifend at,"
|
|
frag 12 from TextNode start: 138, length: 9, rect: [108.640625,212 83.953125x17] baseline: 13.296875
|
|
"consequat"
|
|
frag 13 from TextNode start: 148, length: 8, rect: [108.640625,229 61.609375x17] baseline: 13.296875
|
|
"ut orci."
|
|
TextNode <#text>
|
|
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
|
|
TextNode <#text>
|
|
BlockContainer <div.grid-item.item-span-one-two> at (108.640625,246) content-size 101.515625x306 [BFC] children: inline
|
|
frag 0 from TextNode start: 1, length: 11, rect: [108.640625,246 98.65625x17] baseline: 13.296875
|
|
"Suspendisse"
|
|
frag 1 from TextNode start: 13, length: 8, rect: [108.640625,263 60.734375x17] baseline: 13.296875
|
|
"potenti."
|
|
frag 2 from TextNode start: 22, length: 12, rect: [108.640625,280 101.515625x17] baseline: 13.296875
|
|
"Pellentesque"
|
|
frag 3 from TextNode start: 35, length: 9, rect: [108.640625,297 74.25x17] baseline: 13.296875
|
|
"at varius"
|
|
frag 4 from TextNode start: 45, length: 10, rect: [108.640625,314 80.546875x17] baseline: 13.296875
|
|
"lacus, sed"
|
|
frag 5 from TextNode start: 56, length: 12, rect: [108.640625,331 84.84375x17] baseline: 13.296875
|
|
"sollicitudin"
|
|
frag 6 from TextNode start: 69, length: 4, rect: [108.640625,348 27.65625x17] baseline: 13.296875
|
|
"leo."
|
|
frag 7 from TextNode start: 74, length: 12, rect: [108.640625,365 101.515625x17] baseline: 13.296875
|
|
"Pellentesque"
|
|
frag 8 from TextNode start: 87, length: 9, rect: [108.640625,382 80.15625x17] baseline: 13.296875
|
|
"malesuada"
|
|
frag 9 from TextNode start: 97, length: 7, rect: [108.640625,399 56.625x17] baseline: 13.296875
|
|
"mi eget"
|
|
frag 10 from TextNode start: 105, length: 12, rect: [108.640625,416 99.40625x17] baseline: 13.296875
|
|
"pellentesque"
|
|
frag 11 from TextNode start: 118, length: 7, rect: [108.640625,433 60.734375x17] baseline: 13.296875
|
|
"tempor."
|
|
frag 12 from TextNode start: 126, length: 5, rect: [108.640625,450 48.71875x17] baseline: 13.296875
|
|
"Donec"
|
|
frag 13 from TextNode start: 132, length: 7, rect: [108.640625,467 59.890625x17] baseline: 13.296875
|
|
"egestas"
|
|
frag 14 from TextNode start: 140, length: 11, rect: [108.640625,484 92.015625x17] baseline: 13.296875
|
|
"mauris est,"
|
|
frag 15 from TextNode start: 152, length: 11, rect: [108.640625,501 88.640625x17] baseline: 13.296875
|
|
"ut lobortis"
|
|
frag 16 from TextNode start: 164, length: 11, rect: [108.640625,518 84.9375x17] baseline: 13.296875
|
|
"nisi luctus"
|
|
frag 17 from TextNode start: 176, length: 3, rect: [108.640625,535 20.546875x17] baseline: 13.296875
|
|
"at."
|
|
TextNode <#text>
|
|
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
|
|
TextNode <#text>
|
|
BlockContainer <div.grid-item.item-span-two> at (8,8) content-size 100.640625x544 [BFC] children: inline
|
|
frag 0 from TextNode start: 1, length: 5, rect: [8,8 50.96875x17] baseline: 13.296875
|
|
"Lorem"
|
|
frag 1 from TextNode start: 7, length: 11, rect: [8,25 94.9375x17] baseline: 13.296875
|
|
"ipsum dolor"
|
|
frag 2 from TextNode start: 19, length: 9, rect: [8,42 70.9375x17] baseline: 13.296875
|
|
"sit amet,"
|
|
frag 3 from TextNode start: 29, length: 11, rect: [8,59 96.84375x17] baseline: 13.296875
|
|
"consectetur"
|
|
frag 4 from TextNode start: 41, length: 10, rect: [8,76 75.71875x17] baseline: 13.296875
|
|
"adipiscing"
|
|
frag 5 from TextNode start: 52, length: 9, rect: [8,93 65.265625x17] baseline: 13.296875
|
|
"elit. Sed"
|
|
frag 6 from TextNode start: 62, length: 5, rect: [8,110 37.6875x17] baseline: 13.296875
|
|
"vitae"
|
|
frag 7 from TextNode start: 68, length: 11, rect: [8,127 100.640625x17] baseline: 13.296875
|
|
"condimentum"
|
|
frag 8 from TextNode start: 80, length: 8, rect: [8,144 65.03125x17] baseline: 13.296875
|
|
"erat, ac"
|
|
frag 9 from TextNode start: 89, length: 7, rect: [8,161 65.15625x17] baseline: 13.296875
|
|
"posuere"
|
|
frag 10 from TextNode start: 97, length: 5, rect: [8,178 41.171875x17] baseline: 13.296875
|
|
"arcu."
|
|
frag 11 from TextNode start: 103, length: 6, rect: [8,195 60.265625x17] baseline: 13.296875
|
|
"Aenean"
|
|
frag 12 from TextNode start: 110, length: 12, rect: [8,212 93.34375x17] baseline: 13.296875
|
|
"tincidunt mi"
|
|
frag 13 from TextNode start: 123, length: 11, rect: [8,229 73.90625x17] baseline: 13.296875
|
|
"ligula, vel"
|
|
frag 14 from TextNode start: 135, length: 6, rect: [8,246 57.234375x17] baseline: 13.296875
|
|
"semper"
|
|
frag 15 from TextNode start: 142, length: 5, rect: [8,263 41.640625x17] baseline: 13.296875
|
|
"dolor"
|
|
frag 16 from TextNode start: 148, length: 11, rect: [8,280 83.09375x17] baseline: 13.296875
|
|
"aliquet at."
|
|
frag 17 from TextNode start: 160, length: 9, rect: [8,297 75.8125x17] baseline: 13.296875
|
|
"Phasellus"
|
|
frag 18 from TextNode start: 170, length: 11, rect: [8,314 92.1875x17] baseline: 13.296875
|
|
"scelerisque"
|
|
frag 19 from TextNode start: 182, length: 7, rect: [8,331 59.765625x17] baseline: 13.296875
|
|
"dapibus"
|
|
frag 20 from TextNode start: 190, length: 8, rect: [8,348 67.890625x17] baseline: 13.296875
|
|
"diam sed"
|
|
frag 21 from TextNode start: 199, length: 8, rect: [8,365 70.4375x17] baseline: 13.296875
|
|
"rhoncus."
|
|
frag 22 from TextNode start: 208, length: 9, rect: [8,382 78.8125x17] baseline: 13.296875
|
|
"Proin sed"
|
|
frag 23 from TextNode start: 218, length: 9, rect: [8,399 68.296875x17] baseline: 13.296875
|
|
"orci leo."
|
|
TextNode <#text>
|
|
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
|
|
TextNode <#text>
|
|
|
|
ViewportPaintable (Viewport<#document>) [0,0 800x600]
|
|
PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
|
|
PaintableWithLines (BlockContainer<BODY>) [8,8 784x544]
|
|
PaintableBox (Box<DIV>.grid-container) [8,8 784x544]
|
|
PaintableWithLines (BlockContainer<DIV>.grid-item.item-span-one-one) [108.640625,8 101.515625x238]
|
|
TextPaintable (TextNode<#text>)
|
|
PaintableWithLines (BlockContainer<DIV>.grid-item.item-span-one-two) [108.640625,246 101.515625x306]
|
|
TextPaintable (TextNode<#text>)
|
|
PaintableWithLines (BlockContainer<DIV>.grid-item.item-span-two) [8,8 100.640625x544]
|
|
TextPaintable (TextNode<#text>)
|