| OLD | NEW |
| 1 { | 1 { |
| 2 "name": "Content Root Layer", | 2 "name": "Content Root Layer", |
| 3 "bounds": [800, 600], | 3 "bounds": [800, 600], |
| 4 "children": [ | 4 "children": [ |
| 5 { | 5 { |
| 6 "name": "LayoutView #document", | 6 "name": "LayoutView #document", |
| 7 "bounds": [800, 600], | 7 "bounds": [800, 600], |
| 8 "contentsOpaque": true, | 8 "contentsOpaque": true, |
| 9 "drawsContent": true, | 9 "drawsContent": true, |
| 10 "paintInvalidations": [ | 10 "paintInvalidations": [ |
| 11 { | 11 { |
| 12 "object": "LayoutBlockFlow DIV id='content'", | 12 "object": "LayoutBlockFlow DIV id='content'", |
| 13 "rect": [138, 116, 654, 90], | 13 "rect": [138, 116, 654, 90], |
| 14 "reason": "style change" | 14 "reason": "style change" |
| 15 }, | 15 }, |
| 16 { | 16 { |
| 17 "object": "LayoutBlockFlow P", | 17 "object": "LayoutBlockFlow P", |
| 18 "rect": [138, 116, 654, 90], | 18 "rect": [138, 116, 654, 90], |
| 19 "reason": "forced by layout" | 19 "reason": "forced by layout" |
| 20 }, | 20 }, |
| 21 { | 21 { |
| 22 "object": "LayoutText #text", | 22 "object": "LayoutText #text", |
| 23 "rect": [138, 116, 652, 90], | 23 "rect": [138, 116, 652, 90], |
| 24 "reason": "bounds change" | 24 "reason": "forced by layout" |
| 25 }, | 25 }, |
| 26 { | 26 { |
| 27 "object": "LayoutBlockFlow DIV id='content'", | 27 "object": "LayoutBlockFlow DIV id='content'", |
| 28 "rect": [148, 116, 644, 108], | 28 "rect": [148, 116, 644, 108], |
| 29 "reason": "style change" | 29 "reason": "style change" |
| 30 }, | 30 }, |
| 31 { | 31 { |
| 32 "object": "LayoutBlockFlow DIV id='content'", | 32 "object": "LayoutBlockFlow DIV id='content'", |
| 33 "rect": [148, 116, 644, 108], | 33 "rect": [148, 116, 644, 108], |
| 34 "reason": "style change" | 34 "reason": "style change" |
| 35 }, | 35 }, |
| 36 { | 36 { |
| 37 "object": "LayoutBlockFlow P", | 37 "object": "LayoutBlockFlow P", |
| 38 "rect": [148, 116, 644, 108], | 38 "rect": [148, 116, 644, 108], |
| 39 "reason": "forced by layout" | 39 "reason": "forced by layout" |
| 40 }, | 40 }, |
| 41 { | 41 { |
| 42 "object": "LayoutBlockFlow P", | 42 "object": "LayoutBlockFlow P", |
| 43 "rect": [148, 116, 644, 108], | 43 "rect": [148, 116, 644, 108], |
| 44 "reason": "forced by layout" | 44 "reason": "forced by layout" |
| 45 }, | 45 }, |
| 46 { | 46 { |
| 47 "object": "LayoutText #text", | 47 "object": "LayoutText #text", |
| 48 "rect": [148, 116, 632, 108], | 48 "rect": [148, 116, 632, 108], |
| 49 "reason": "bounds change" | 49 "reason": "forced by layout" |
| 50 }, | 50 }, |
| 51 { | 51 { |
| 52 "object": "LayoutText #text", | 52 "object": "LayoutText #text", |
| 53 "rect": [148, 116, 632, 108], | 53 "rect": [148, 116, 632, 108], |
| 54 "reason": "bounds change" | 54 "reason": "forced by layout" |
| 55 }, | 55 }, |
| 56 { | 56 { |
| 57 "object": "LayoutBlockFlow DIV id='content'", | 57 "object": "LayoutBlockFlow DIV id='content'", |
| 58 "rect": [400, 116, 392, 162], | 58 "rect": [400, 116, 392, 162], |
| 59 "reason": "style change" | 59 "reason": "style change" |
| 60 }, | 60 }, |
| 61 { | 61 { |
| 62 "object": "LayoutBlockFlow P", | 62 "object": "LayoutBlockFlow P", |
| 63 "rect": [400, 116, 392, 162], | 63 "rect": [400, 116, 392, 162], |
| 64 "reason": "forced by layout" | 64 "reason": "forced by layout" |
| 65 }, | 65 }, |
| 66 { | 66 { |
| 67 "object": "LayoutBlockFlow DIV id='left'", | 67 "object": "LayoutBlockFlow DIV id='left'", |
| 68 "rect": [8, 224, 392, 54], | 68 "rect": [8, 224, 392, 54], |
| 69 "reason": "incremental" | 69 "reason": "incremental" |
| 70 }, | 70 }, |
| 71 { | 71 { |
| 72 "object": "LayoutText #text", | 72 "object": "LayoutText #text", |
| 73 "rect": [400, 116, 391, 162], | 73 "rect": [400, 116, 391, 162], |
| 74 "reason": "bounds change" | 74 "reason": "forced by layout" |
| 75 }, | 75 }, |
| 76 { | 76 { |
| 77 "object": "LayoutBlockFlow DIV id='left'", | 77 "object": "LayoutBlockFlow DIV id='left'", |
| 78 "rect": [148, 116, 252, 162], | 78 "rect": [148, 116, 252, 162], |
| 79 "reason": "incremental" | 79 "reason": "incremental" |
| 80 }, | 80 }, |
| 81 { | 81 { |
| 82 "object": "LayoutBlockFlow DIV id='left'", | 82 "object": "LayoutBlockFlow DIV id='left'", |
| 83 "rect": [8, 206, 140, 18], | 83 "rect": [8, 206, 140, 18], |
| 84 "reason": "incremental" | 84 "reason": "incremental" |
| 85 }, | 85 }, |
| 86 { | 86 { |
| 87 "object": "LayoutBlockFlow DIV id='left'", | 87 "object": "LayoutBlockFlow DIV id='left'", |
| 88 "rect": [138, 116, 10, 108], | 88 "rect": [138, 116, 10, 108], |
| 89 "reason": "incremental" | 89 "reason": "incremental" |
| 90 } | 90 } |
| 91 ] | 91 ] |
| 92 } | 92 } |
| 93 ], | 93 ], |
| 94 "objectPaintInvalidations": [ | 94 "objectPaintInvalidations": [ |
| 95 { | 95 { |
| 96 "object": "RootInlineBox", | |
| 97 "reason": "full" | |
| 98 }, | |
| 99 { | |
| 100 "object": "RootInlineBox", | |
| 101 "reason": "full" | |
| 102 }, | |
| 103 { | |
| 104 "object": "RootInlineBox", | |
| 105 "reason": "full" | |
| 106 }, | |
| 107 { | |
| 108 "object": "RootInlineBox", | |
| 109 "reason": "full" | |
| 110 }, | |
| 111 { | |
| 112 "object": "RootInlineBox", | |
| 113 "reason": "full" | |
| 114 }, | |
| 115 { | |
| 116 "object": "RootInlineBox", | |
| 117 "reason": "full" | |
| 118 }, | |
| 119 { | |
| 120 "object": "RootInlineBox", | |
| 121 "reason": "full" | |
| 122 }, | |
| 123 { | |
| 124 "object": "RootInlineBox", | |
| 125 "reason": "full" | |
| 126 }, | |
| 127 { | |
| 128 "object": "RootInlineBox", | |
| 129 "reason": "full" | |
| 130 }, | |
| 131 { | |
| 132 "object": "InlineTextBox 'Lorem ipsum dolor sit amet, consectetur adipisci
ng elit.'", | |
| 133 "reason": "full" | |
| 134 }, | |
| 135 { | |
| 136 "object": "InlineTextBox 'Aenean laoreet dolor id urna eleifend aliquet. N
ulla vel dolor'", | |
| 137 "reason": "full" | |
| 138 }, | |
| 139 { | |
| 140 "object": "InlineTextBox 'ipsum. Aliquam ut turpis nisl, in vulputate sapi
en. Cum'", | |
| 141 "reason": "full" | |
| 142 }, | |
| 143 { | |
| 144 "object": "InlineTextBox 'sociis natoque penatibus et magnis dis parturien
t montes,'", | |
| 145 "reason": "full" | |
| 146 }, | |
| 147 { | |
| 148 "object": "InlineTextBox 'nascetur ridiculus mus. Sed congue magna vitae d
olor'", | |
| 149 "reason": "full" | |
| 150 }, | |
| 151 { | |
| 152 "object": "InlineTextBox 'feugiat vehicula. Sed volutpat, tellus vel variu
s vestibulum,'", | |
| 153 "reason": "full" | |
| 154 }, | |
| 155 { | |
| 156 "object": "InlineTextBox 'purus quam mollis sapien, in condimentum leo neq
ue sed'", | |
| 157 "reason": "full" | |
| 158 }, | |
| 159 { | |
| 160 "object": "InlineTextBox 'nulla. Nunc quis porta elit. Pellentesque erat l
ectus, ultricies'", | |
| 161 "reason": "full" | |
| 162 }, | |
| 163 { | |
| 164 "object": "InlineTextBox 'a lobortis id, faucibus id quam.'", | |
| 165 "reason": "full" | |
| 166 }, | |
| 167 { | |
| 168 "object": "LayoutBlockFlow DIV id='left'", | 96 "object": "LayoutBlockFlow DIV id='left'", |
| 169 "reason": "incremental" | 97 "reason": "incremental" |
| 170 }, | 98 }, |
| 171 { | 99 { |
| 172 "object": "LayoutBlockFlow DIV id='content'", | 100 "object": "LayoutBlockFlow DIV id='content'", |
| 173 "reason": "style change" | 101 "reason": "style change" |
| 174 }, | 102 }, |
| 175 { | 103 { |
| 176 "object": "LayoutBlockFlow P", | 104 "object": "LayoutBlockFlow P", |
| 177 "reason": "forced by layout" | 105 "reason": "forced by layout" |
| 178 }, | 106 }, |
| 179 { | 107 { |
| 180 "object": "RootInlineBox", | 108 "object": "RootInlineBox", |
| 181 "reason": "forced by layout" | 109 "reason": "forced by layout" |
| 182 }, | 110 }, |
| 183 { | 111 { |
| 184 "object": "LayoutText #text", | 112 "object": "LayoutText #text", |
| 185 "reason": "bounds change" | 113 "reason": "forced by layout" |
| 186 }, | 114 }, |
| 187 { | 115 { |
| 188 "object": "InlineTextBox 'Lorem ipsum dolor sit amet, consectetur adipisci
ng elit. Aenean laoreet dolor id urna eleifend'", | 116 "object": "InlineTextBox 'Lorem ipsum dolor sit amet, consectetur adipisci
ng elit. Aenean laoreet dolor id urna eleifend'", |
| 189 "reason": "bounds change" | 117 "reason": "forced by layout" |
| 190 }, | 118 }, |
| 191 { | 119 { |
| 192 "object": "InlineTextBox 'aliquet. Nulla vel dolor ipsum. Aliquam ut turpi
s nisl, in vulputate sapien. Cum sociis natoque'", | 120 "object": "InlineTextBox 'aliquet. Nulla vel dolor ipsum. Aliquam ut turpi
s nisl, in vulputate sapien. Cum sociis natoque'", |
| 193 "reason": "bounds change" | 121 "reason": "forced by layout" |
| 194 }, | 122 }, |
| 195 { | 123 { |
| 196 "object": "InlineTextBox 'penatibus et magnis dis parturient montes, nasce
tur ridiculus mus. Sed congue magna vitae dolor'", | 124 "object": "InlineTextBox 'penatibus et magnis dis parturient montes, nasce
tur ridiculus mus. Sed congue magna vitae dolor'", |
| 197 "reason": "bounds change" | 125 "reason": "forced by layout" |
| 198 }, | 126 }, |
| 199 { | 127 { |
| 200 "object": "InlineTextBox 'feugiat vehicula. Sed volutpat, tellus vel variu
s vestibulum, purus quam mollis sapien, in'", | 128 "object": "InlineTextBox 'feugiat vehicula. Sed volutpat, tellus vel variu
s vestibulum, purus quam mollis sapien, in'", |
| 201 "reason": "bounds change" | 129 "reason": "forced by layout" |
| 202 }, | 130 }, |
| 203 { | 131 { |
| 204 "object": "InlineTextBox 'condimentum leo neque sed nulla. Nunc quis porta
elit. Pellentesque erat lectus, ultricies a lobortis'", | 132 "object": "InlineTextBox 'condimentum leo neque sed nulla. Nunc quis porta
elit. Pellentesque erat lectus, ultricies a lobortis'", |
| 205 "reason": "bounds change" | 133 "reason": "forced by layout" |
| 206 }, | 134 }, |
| 207 { | 135 { |
| 208 "object": "InlineTextBox 'id, faucibus id quam.'", | 136 "object": "InlineTextBox 'id, faucibus id quam.'", |
| 209 "reason": "bounds change" | 137 "reason": "forced by layout" |
| 210 }, | |
| 211 { | |
| 212 "object": "RootInlineBox", | |
| 213 "reason": "full" | |
| 214 }, | |
| 215 { | |
| 216 "object": "RootInlineBox", | |
| 217 "reason": "full" | |
| 218 }, | |
| 219 { | |
| 220 "object": "RootInlineBox", | |
| 221 "reason": "full" | |
| 222 }, | |
| 223 { | |
| 224 "object": "RootInlineBox", | |
| 225 "reason": "full" | |
| 226 }, | |
| 227 { | |
| 228 "object": "RootInlineBox", | |
| 229 "reason": "full" | |
| 230 }, | |
| 231 { | |
| 232 "object": "RootInlineBox", | |
| 233 "reason": "full" | |
| 234 }, | |
| 235 { | |
| 236 "object": "InlineTextBox 'Lorem ipsum dolor sit amet, consectetur adipisci
ng elit. Aenean laoreet dolor id urna eleifend'", | |
| 237 "reason": "full" | |
| 238 }, | |
| 239 { | |
| 240 "object": "InlineTextBox 'aliquet. Nulla vel dolor ipsum. Aliquam ut turpi
s nisl, in vulputate sapien. Cum sociis natoque'", | |
| 241 "reason": "full" | |
| 242 }, | |
| 243 { | |
| 244 "object": "InlineTextBox 'penatibus et magnis dis parturient montes, nasce
tur ridiculus mus. Sed congue magna vitae dolor'", | |
| 245 "reason": "full" | |
| 246 }, | |
| 247 { | |
| 248 "object": "InlineTextBox 'feugiat vehicula. Sed volutpat, tellus vel variu
s vestibulum, purus quam mollis sapien, in'", | |
| 249 "reason": "full" | |
| 250 }, | |
| 251 { | |
| 252 "object": "InlineTextBox 'condimentum leo neque sed nulla. Nunc quis porta
elit. Pellentesque erat lectus, ultricies a lobortis'", | |
| 253 "reason": "full" | |
| 254 }, | |
| 255 { | |
| 256 "object": "InlineTextBox 'id, faucibus id quam.'", | |
| 257 "reason": "full" | |
| 258 }, | 138 }, |
| 259 { | 139 { |
| 260 "object": "LayoutBlockFlow DIV id='left'", | 140 "object": "LayoutBlockFlow DIV id='left'", |
| 261 "reason": "incremental" | 141 "reason": "incremental" |
| 262 }, | 142 }, |
| 263 { | 143 { |
| 264 "object": "LayoutBlockFlow DIV id='content'", | 144 "object": "LayoutBlockFlow DIV id='content'", |
| 265 "reason": "style change" | 145 "reason": "style change" |
| 266 }, | 146 }, |
| 267 { | 147 { |
| 268 "object": "LayoutBlockFlow P", | 148 "object": "LayoutBlockFlow P", |
| 269 "reason": "forced by layout" | 149 "reason": "forced by layout" |
| 270 }, | 150 }, |
| 271 { | 151 { |
| 272 "object": "RootInlineBox", | 152 "object": "RootInlineBox", |
| 273 "reason": "forced by layout" | 153 "reason": "forced by layout" |
| 274 }, | 154 }, |
| 275 { | 155 { |
| 276 "object": "LayoutText #text", | 156 "object": "LayoutText #text", |
| 277 "reason": "bounds change" | 157 "reason": "forced by layout" |
| 278 }, | 158 }, |
| 279 { | 159 { |
| 280 "object": "InlineTextBox 'Lorem ipsum dolor sit amet, consectetur adipisci
ng elit. Aenean laoreet dolor id urna eleifend aliquet.'", | 160 "object": "InlineTextBox 'Lorem ipsum dolor sit amet, consectetur adipisci
ng elit. Aenean laoreet dolor id urna eleifend aliquet.'", |
| 281 "reason": "bounds change" | 161 "reason": "forced by layout" |
| 282 }, | 162 }, |
| 283 { | 163 { |
| 284 "object": "InlineTextBox 'Nulla vel dolor ipsum. Aliquam ut turpis nisl, i
n vulputate sapien. Cum sociis natoque penatibus et'", | 164 "object": "InlineTextBox 'Nulla vel dolor ipsum. Aliquam ut turpis nisl, i
n vulputate sapien. Cum sociis natoque penatibus et'", |
| 285 "reason": "bounds change" | 165 "reason": "forced by layout" |
| 286 }, | 166 }, |
| 287 { | 167 { |
| 288 "object": "InlineTextBox 'magnis dis parturient montes, nascetur ridiculus
mus. Sed congue magna vitae dolor feugiat vehicula.'", | 168 "object": "InlineTextBox 'magnis dis parturient montes, nascetur ridiculus
mus. Sed congue magna vitae dolor feugiat vehicula.'", |
| 289 "reason": "bounds change" | 169 "reason": "forced by layout" |
| 290 }, | 170 }, |
| 291 { | 171 { |
| 292 "object": "InlineTextBox 'Sed volutpat, tellus vel varius vestibulum, puru
s quam mollis sapien, in condimentum leo neque sed'", | 172 "object": "InlineTextBox 'Sed volutpat, tellus vel varius vestibulum, puru
s quam mollis sapien, in condimentum leo neque sed'", |
| 293 "reason": "bounds change" | 173 "reason": "forced by layout" |
| 294 }, | 174 }, |
| 295 { | 175 { |
| 296 "object": "InlineTextBox 'nulla. Nunc quis porta elit. Pellentesque erat l
ectus, ultricies a lobortis id, faucibus id quam.'", | 176 "object": "InlineTextBox 'nulla. Nunc quis porta elit. Pellentesque erat l
ectus, ultricies a lobortis id, faucibus id quam.'", |
| 297 "reason": "bounds change" | 177 "reason": "forced by layout" |
| 298 } | 178 } |
| 299 ] | 179 ] |
| 300 } | 180 } |
| 301 | 181 |
| OLD | NEW |