mirror of
https://github.com/RGBCube/serenity
synced 2025-07-25 01:47:36 +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.
190 lines
10 KiB
Text
190 lines
10 KiB
Text
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
|
|
BlockContainer <html> at (1,1) content-size 798x600 [BFC] children: not-inline
|
|
BlockContainer <body> at (252,10) content-size 538x400 children: inline
|
|
frag 0 from TextNode start: 1, length: 5, rect: [554,10 63.71875x22] baseline: 17
|
|
"Lorem"
|
|
frag 1 from TextNode start: 6, length: 1, rect: [618,10 12.546875x22] baseline: 17
|
|
" "
|
|
frag 2 from TextNode start: 7, length: 5, rect: [630.546875,10 56.625x22] baseline: 17
|
|
"ipsum"
|
|
frag 3 from TextNode start: 12, length: 1, rect: [686.546875,10 12.546875x22] baseline: 17
|
|
" "
|
|
frag 4 from TextNode start: 13, length: 5, rect: [699.09375,10 52.046875x22] baseline: 17
|
|
"dolor"
|
|
frag 5 from TextNode start: 18, length: 1, rect: [751.09375,10 12.546875x22] baseline: 17
|
|
" "
|
|
frag 6 from TextNode start: 19, length: 3, rect: [763.640625,10 25.953125x22] baseline: 17
|
|
"sit"
|
|
frag 7 from TextNode start: 23, length: 5, rect: [554,32 52.71875x22] baseline: 17
|
|
"amet,"
|
|
frag 8 from TextNode start: 28, length: 1, rect: [607,32 62.21875x22] baseline: 17
|
|
" "
|
|
frag 9 from TextNode start: 29, length: 11, rect: [669.21875,32 121.0625x22] baseline: 17
|
|
"consectetur"
|
|
frag 10 from TextNode start: 41, length: 10, rect: [554,54 94.65625x22] baseline: 17
|
|
"adipiscing"
|
|
frag 11 from TextNode start: 51, length: 1, rect: [649,54 105.4375x22] baseline: 17
|
|
" "
|
|
frag 12 from TextNode start: 52, length: 5, rect: [754.4375,54 35.90625x22] baseline: 17
|
|
"elit."
|
|
frag 13 from TextNode start: 58, length: 11, rect: [554,76 123.3125x22] baseline: 17
|
|
"Suspendisse"
|
|
frag 14 from TextNode start: 69, length: 1, rect: [677,76 101x22] baseline: 17
|
|
" "
|
|
frag 15 from TextNode start: 70, length: 1, rect: [778,76 11.6875x22] baseline: 17
|
|
"a"
|
|
frag 16 from TextNode start: 72, length: 8, rect: [554,98 82.046875x22] baseline: 17
|
|
"placerat"
|
|
frag 17 from TextNode start: 80, length: 1, rect: [636,98 29.640625x22] baseline: 17
|
|
" "
|
|
frag 18 from TextNode start: 81, length: 7, rect: [665.640625,98 73.875x22] baseline: 17
|
|
"mauris,"
|
|
frag 19 from TextNode start: 88, length: 1, rect: [739.640625,98 29.640625x22] baseline: 17
|
|
" "
|
|
frag 20 from TextNode start: 89, length: 2, rect: [769.28125,98 20.78125x22] baseline: 17
|
|
"ut"
|
|
frag 21 from TextNode start: 92, length: 9, rect: [554,120 101.28125x22] baseline: 17
|
|
"elementum"
|
|
frag 22 from TextNode start: 101, length: 1, rect: [655,120 10.4375x22] baseline: 17
|
|
" "
|
|
frag 23 from TextNode start: 102, length: 3, rect: [665.4375,120 26.390625x22] baseline: 17
|
|
"mi."
|
|
frag 24 from TextNode start: 105, length: 1, rect: [692.4375,120 10.4375x22] baseline: 17
|
|
" "
|
|
frag 25 from TextNode start: 106, length: 5, rect: [702.875,120 56.234375x22] baseline: 17
|
|
"Morbi"
|
|
frag 26 from TextNode start: 111, length: 1, rect: [758.875,120 10.4375x22] baseline: 17
|
|
" "
|
|
frag 27 from TextNode start: 112, length: 2, rect: [769.3125,120 20.78125x22] baseline: 17
|
|
"ut"
|
|
frag 28 from TextNode start: 115, length: 8, rect: [554,142 78.765625x22] baseline: 17
|
|
"vehicula"
|
|
frag 29 from TextNode start: 123, length: 1, rect: [633,142 27.234375x22] baseline: 17
|
|
" "
|
|
frag 30 from TextNode start: 124, length: 6, rect: [660.234375,142 62.9375x22] baseline: 17
|
|
"ipsum,"
|
|
frag 31 from TextNode start: 130, length: 1, rect: [723.234375,142 27.234375x22] baseline: 17
|
|
" "
|
|
frag 32 from TextNode start: 131, length: 4, rect: [750.46875,142 39.828125x22] baseline: 17
|
|
"eget"
|
|
frag 33 from TextNode start: 136, length: 8, rect: [554,164 82.046875x22] baseline: 17
|
|
"placerat"
|
|
frag 34 from TextNode start: 144, length: 1, rect: [636,164 11.734375x22] baseline: 17
|
|
" "
|
|
frag 35 from TextNode start: 145, length: 6, rect: [647.734375,164 61.875x22] baseline: 17
|
|
"augue."
|
|
frag 36 from TextNode start: 151, length: 1, rect: [709.734375,164 11.734375x22] baseline: 17
|
|
" "
|
|
frag 37 from TextNode start: 152, length: 7, rect: [721.46875,164 68.609375x22] baseline: 17
|
|
"Integer"
|
|
frag 38 from TextNode start: 160, length: 6, rect: [554,186 70.3125x22] baseline: 17
|
|
"rutrum"
|
|
frag 39 from TextNode start: 166, length: 1, rect: [624,186 21x22] baseline: 17
|
|
" "
|
|
frag 40 from TextNode start: 167, length: 4, rect: [645,186 35.09375x22] baseline: 17
|
|
"nisi"
|
|
frag 41 from TextNode start: 171, length: 1, rect: [680,186 21x22] baseline: 17
|
|
" "
|
|
frag 42 from TextNode start: 172, length: 4, rect: [701,186 39.828125x22] baseline: 17
|
|
"eget"
|
|
frag 43 from TextNode start: 176, length: 1, rect: [741,186 21x22] baseline: 17
|
|
" "
|
|
frag 44 from TextNode start: 177, length: 3, rect: [762,186 27.734375x22] baseline: 17
|
|
"dui"
|
|
frag 45 from TextNode start: 181, length: 7, rect: [252,212 68.984375x22] baseline: 17
|
|
"dictum,"
|
|
frag 46 from TextNode start: 188, length: 1, rect: [321,212 23.578125x22] baseline: 17
|
|
" "
|
|
frag 47 from TextNode start: 189, length: 2, rect: [344.578125,212 23.109375x22] baseline: 17
|
|
"eu"
|
|
frag 48 from TextNode start: 191, length: 1, rect: [367.578125,212 23.578125x22] baseline: 17
|
|
" "
|
|
frag 49 from TextNode start: 192, length: 8, rect: [391.15625,212 96.734375x22] baseline: 17
|
|
"accumsan"
|
|
frag 50 from TextNode start: 201, length: 4, rect: [252,234 43.875x22] baseline: 17
|
|
"enim"
|
|
frag 51 from TextNode start: 205, length: 1, rect: [296,234 37.90625x22] baseline: 17
|
|
" "
|
|
frag 52 from TextNode start: 206, length: 10, rect: [333.90625,234 93.625x22] baseline: 17
|
|
"tristique."
|
|
frag 53 from TextNode start: 216, length: 1, rect: [427.90625,234 37.90625x22] baseline: 17
|
|
" "
|
|
frag 54 from TextNode start: 217, length: 2, rect: [465.8125,234 22.6875x22] baseline: 17
|
|
"Ut"
|
|
frag 55 from TextNode start: 220, length: 8, rect: [252,256 80.015625x22] baseline: 17
|
|
"lobortis"
|
|
frag 56 from TextNode start: 228, length: 1, rect: [332,256 30.359375x22] baseline: 17
|
|
" "
|
|
frag 57 from TextNode start: 229, length: 5, rect: [362.359375,256 55.4375x22] baseline: 17
|
|
"lorem"
|
|
frag 58 from TextNode start: 234, length: 1, rect: [417.359375,256 30.359375x22] baseline: 17
|
|
" "
|
|
frag 59 from TextNode start: 235, length: 4, rect: [447.71875,256 39.828125x22] baseline: 17
|
|
"eget"
|
|
frag 60 from TextNode start: 240, length: 3, rect: [252,278 31.15625x22] baseline: 17
|
|
"est"
|
|
frag 61 from TextNode start: 243, length: 1, rect: [283,278 16.53125x22] baseline: 17
|
|
" "
|
|
frag 62 from TextNode start: 244, length: 9, rect: [299.53125,278 91.46875x22] baseline: 17
|
|
"vulputate"
|
|
frag 63 from TextNode start: 253, length: 1, rect: [391.53125,278 16.53125x22] baseline: 17
|
|
" "
|
|
frag 64 from TextNode start: 254, length: 8, rect: [408.0625,278 80.296875x22] baseline: 17
|
|
"egestas."
|
|
frag 65 from TextNode start: 263, length: 7, rect: [252,300 68.609375x22] baseline: 17
|
|
"Integer"
|
|
frag 66 from TextNode start: 270, length: 1, rect: [321,300 16.4375x22] baseline: 17
|
|
" "
|
|
frag 67 from TextNode start: 271, length: 7, rect: [337.4375,300 71.328125x22] baseline: 17
|
|
"laoreet"
|
|
frag 68 from TextNode start: 278, length: 1, rect: [408.4375,300 16.4375x22] baseline: 17
|
|
" "
|
|
frag 69 from TextNode start: 279, length: 7, rect: [424.875,300 63.1875x22] baseline: 17
|
|
"lacinia"
|
|
frag 70 from TextNode start: 287, length: 4, rect: [252,322 43.15625x22] baseline: 17
|
|
"ante"
|
|
frag 71 from TextNode start: 291, length: 1, rect: [295,322 16.6875x22] baseline: 17
|
|
" "
|
|
frag 72 from TextNode start: 292, length: 7, rect: [311.6875,322 74x22] baseline: 17
|
|
"sodales"
|
|
frag 73 from TextNode start: 299, length: 1, rect: [385.6875,322 16.6875x22] baseline: 17
|
|
" "
|
|
frag 74 from TextNode start: 300, length: 9, rect: [402.375,322 85.453125x22] baseline: 17
|
|
"lobortis."
|
|
frag 75 from TextNode start: 310, length: 5, rect: [252,344 60.90625x22] baseline: 17
|
|
"Donec"
|
|
frag 76 from TextNode start: 315, length: 1, rect: [313,344 38.84375x22] baseline: 17
|
|
" "
|
|
frag 77 from TextNode start: 316, length: 1, rect: [351.84375,344 11.6875x22] baseline: 17
|
|
"a"
|
|
frag 78 from TextNode start: 317, length: 1, rect: [363.84375,344 38.84375x22] baseline: 17
|
|
" "
|
|
frag 79 from TextNode start: 318, length: 9, rect: [402.6875,344 85.71875x22] baseline: 17
|
|
"tincidunt"
|
|
frag 80 from TextNode start: 328, length: 5, rect: [252,366 48.59375x22] baseline: 17
|
|
"ante."
|
|
frag 81 from TextNode start: 333, length: 1, rect: [301,366 11.640625x22] baseline: 17
|
|
" "
|
|
frag 82 from TextNode start: 334, length: 9, rect: [312.640625,366 94.765625x22] baseline: 17
|
|
"Phasellus"
|
|
frag 83 from TextNode start: 343, length: 1, rect: [406.640625,366 11.640625x22] baseline: 17
|
|
" "
|
|
frag 84 from TextNode start: 344, length: 1, rect: [418.28125,366 11.6875x22] baseline: 17
|
|
"a"
|
|
frag 85 from TextNode start: 345, length: 1, rect: [430.28125,366 11.640625x22] baseline: 17
|
|
" "
|
|
frag 86 from TextNode start: 346, length: 4, rect: [441.921875,366 46.03125x22] baseline: 17
|
|
"arcu"
|
|
frag 87 from TextNode start: 351, length: 7, rect: [252,388 70.546875x22] baseline: 17
|
|
"tortor."
|
|
BlockContainer <div.left> at (253,11) content-size 300x200 floating [BFC] children: not-inline
|
|
TextNode <#text>
|
|
BlockContainer <div.right> at (489,213) content-size 300x200 floating [BFC] children: not-inline
|
|
TextNode <#text>
|
|
|
|
ViewportPaintable (Viewport<#document>) [0,0 800x600] overflow: [0,0 800x602]
|
|
PaintableWithLines (BlockContainer<HTML>) [0,0 800x602]
|
|
PaintableWithLines (BlockContainer<BODY>) [251,9 540x402] overflow: [252,10 538.34375x400]
|
|
PaintableWithLines (BlockContainer<DIV>.left) [252,10 302x202]
|
|
PaintableWithLines (BlockContainer<DIV>.right) [488,212 302x202]
|
|
TextPaintable (TextNode<#text>)
|