OLD | NEW |
1 { | 1 { |
| 2 "name": "Content Root Layer", |
2 "bounds": [785, 2016], | 3 "bounds": [785, 2016], |
3 "children": [ | 4 "children": [ |
4 { | 5 { |
| 6 "name": "LayoutView #document", |
5 "bounds": [785, 2016], | 7 "bounds": [785, 2016], |
6 "contentsOpaque": true, | 8 "contentsOpaque": true, |
7 "drawsContent": true, | 9 "drawsContent": true, |
8 "children": [ | 10 "children": [ |
9 { | 11 { |
| 12 "name": "Squashing Containment Layer", |
10 "shouldFlattenTransform": false, | 13 "shouldFlattenTransform": false, |
11 "children": [ | 14 "children": [ |
12 { | 15 { |
| 16 "name": "LayoutBlockFlow DIV id='container-absolute-grandchildren-
not-contained' class='overflow'", |
13 "position": [10, 10], | 17 "position": [10, 10], |
14 "bounds": [104, 104], | 18 "bounds": [104, 104], |
15 "shouldFlattenTransform": false, | 19 "shouldFlattenTransform": false, |
16 "drawsContent": true, | 20 "drawsContent": true, |
17 "children": [ | 21 "children": [ |
18 { | 22 { |
| 23 "name": "Scrolling Layer", |
19 "position": [2, 2], | 24 "position": [2, 2], |
20 "bounds": [85, 85], | 25 "bounds": [85, 85], |
21 "shouldFlattenTransform": false, | 26 "shouldFlattenTransform": false, |
22 "children": [ | 27 "children": [ |
23 { | 28 { |
| 29 "name": "Scrolling Contents Layer", |
24 "bounds": [85, 144], | 30 "bounds": [85, 144], |
25 "drawsContent": true | 31 "drawsContent": true |
26 } | 32 } |
27 ] | 33 ] |
28 }, | 34 }, |
29 { | 35 { |
| 36 "name": "Overflow Controls Host Layer", |
30 "bounds": [104, 104], | 37 "bounds": [104, 104], |
31 "children": [ | 38 "children": [ |
32 { | 39 { |
| 40 "name": "Horizontal Scrollbar Layer", |
33 "position": [2, 87], | 41 "position": [2, 87], |
34 "bounds": [85, 15] | 42 "bounds": [85, 15] |
35 }, | 43 }, |
36 { | 44 { |
| 45 "name": "Vertical Scrollbar Layer", |
37 "position": [87, 2], | 46 "position": [87, 2], |
38 "bounds": [15, 85] | 47 "bounds": [15, 85] |
39 }, | 48 }, |
40 { | 49 { |
| 50 "name": "Scroll Corner Layer", |
41 "position": [87, 87], | 51 "position": [87, 87], |
42 "bounds": [15, 15], | 52 "bounds": [15, 15], |
43 "drawsContent": true | 53 "drawsContent": true |
44 } | 54 } |
45 ] | 55 ] |
46 } | 56 } |
47 ] | 57 ] |
48 }, | 58 }, |
49 { | 59 { |
| 60 "name": "Squashing Layer (first squashed layer: LayoutBlockFlow (p
ositioned) DIV id='positioned-absolute-grandchildren-not-contained' class='posit
ionAbsolute positioned')", |
50 "position": [35, 75], | 61 "position": [35, 75], |
51 "bounds": [80, 40], | 62 "bounds": [80, 40], |
52 "drawsContent": true | 63 "drawsContent": true |
53 } | 64 } |
54 ] | 65 ] |
55 }, | 66 }, |
56 { | 67 { |
| 68 "name": "Squashing Containment Layer", |
57 "shouldFlattenTransform": false, | 69 "shouldFlattenTransform": false, |
58 "children": [ | 70 "children": [ |
59 { | 71 { |
| 72 "name": "LayoutBlockFlow (relative positioned) DIV id='scrolled-ab
solute-grandchildren-not-contained' class='scrolled'", |
60 "position": [16, -15], | 73 "position": [16, -15], |
61 "bounds": [75, 24], | 74 "bounds": [75, 24], |
62 "contentsOpaque": true, | 75 "contentsOpaque": true, |
63 "drawsContent": true, | 76 "drawsContent": true, |
64 "backgroundColor": "#0000FF" | 77 "backgroundColor": "#0000FF" |
65 }, | 78 }, |
66 { | 79 { |
| 80 "name": "Squashing Layer (first squashed layer: LayoutBlockFlow (r
elative positioned) DIV id='scrolled-absolute-grandchildren-not-contained' class
='scrolled')", |
67 "position": [16, 41], | 81 "position": [16, 41], |
68 "bounds": [75, 24], | 82 "bounds": [75, 24], |
69 "drawsContent": true | 83 "drawsContent": true |
70 } | 84 } |
71 ] | 85 ] |
72 }, | 86 }, |
73 { | 87 { |
| 88 "name": "LayoutBlockFlow (positioned) DIV id='container-absolute-grand
children' class='positionAbsolute overflow'", |
74 "position": [130, 10], | 89 "position": [130, 10], |
75 "bounds": [104, 104], | 90 "bounds": [104, 104], |
76 "shouldFlattenTransform": false, | 91 "shouldFlattenTransform": false, |
77 "drawsContent": true, | 92 "drawsContent": true, |
78 "children": [ | 93 "children": [ |
79 { | 94 { |
| 95 "name": "Scrolling Layer", |
80 "position": [2, 2], | 96 "position": [2, 2], |
81 "bounds": [85, 85], | 97 "bounds": [85, 85], |
82 "shouldFlattenTransform": false, | 98 "shouldFlattenTransform": false, |
83 "children": [ | 99 "children": [ |
84 { | 100 { |
| 101 "name": "Scrolling Contents Layer", |
85 "bounds": [105, 144], | 102 "bounds": [105, 144], |
86 "drawsContent": true | 103 "drawsContent": true |
87 } | 104 } |
88 ] | 105 ] |
89 }, | 106 }, |
90 { | 107 { |
| 108 "name": "Overflow Controls Host Layer", |
91 "bounds": [104, 104], | 109 "bounds": [104, 104], |
92 "children": [ | 110 "children": [ |
93 { | 111 { |
| 112 "name": "Horizontal Scrollbar Layer", |
94 "position": [2, 87], | 113 "position": [2, 87], |
95 "bounds": [85, 15] | 114 "bounds": [85, 15] |
96 }, | 115 }, |
97 { | 116 { |
| 117 "name": "Vertical Scrollbar Layer", |
98 "position": [87, 2], | 118 "position": [87, 2], |
99 "bounds": [15, 85] | 119 "bounds": [15, 85] |
100 }, | 120 }, |
101 { | 121 { |
| 122 "name": "Scroll Corner Layer", |
102 "position": [87, 87], | 123 "position": [87, 87], |
103 "bounds": [15, 15], | 124 "bounds": [15, 15], |
104 "drawsContent": true | 125 "drawsContent": true |
105 } | 126 } |
106 ] | 127 ] |
107 } | 128 } |
108 ] | 129 ] |
109 }, | 130 }, |
110 { | 131 { |
| 132 "name": "Squashing Containment Layer", |
111 "shouldFlattenTransform": false, | 133 "shouldFlattenTransform": false, |
112 "children": [ | 134 "children": [ |
113 { | 135 { |
| 136 "name": "LayoutBlockFlow (positioned) DIV id='positioned-absolute-
grandchildren' class='positionAbsolute positioned'", |
114 "position": [157, 18], | 137 "position": [157, 18], |
115 "bounds": [80, 40], | 138 "bounds": [80, 40], |
116 "contentsOpaque": true, | 139 "contentsOpaque": true, |
117 "drawsContent": true, | 140 "drawsContent": true, |
118 "backgroundColor": "#800080" | 141 "backgroundColor": "#800080" |
119 }, | 142 }, |
120 { | 143 { |
| 144 "name": "Squashing Layer (first squashed layer: LayoutBlockFlow (r
elative positioned) DIV id='scrolled-absolute-grandchildren' class='scrolled')", |
121 "position": [136, -15], | 145 "position": [136, -15], |
122 "bounds": [75, 80], | 146 "bounds": [75, 80], |
123 "drawsContent": true | 147 "drawsContent": true |
124 } | 148 } |
125 ] | 149 ] |
126 }, | 150 }, |
127 { | 151 { |
| 152 "name": "Squashing Containment Layer", |
128 "shouldFlattenTransform": false, | 153 "shouldFlattenTransform": false, |
129 "children": [ | 154 "children": [ |
130 { | 155 { |
| 156 "name": "LayoutBlockFlow DIV id='container-absolute-not-contained'
class='overflow'", |
131 "position": [250, 10], | 157 "position": [250, 10], |
132 "bounds": [104, 104], | 158 "bounds": [104, 104], |
133 "shouldFlattenTransform": false, | 159 "shouldFlattenTransform": false, |
134 "drawsContent": true, | 160 "drawsContent": true, |
135 "children": [ | 161 "children": [ |
136 { | 162 { |
| 163 "name": "Scrolling Layer", |
137 "position": [2, 2], | 164 "position": [2, 2], |
138 "bounds": [85, 85], | 165 "bounds": [85, 85], |
139 "shouldFlattenTransform": false, | 166 "shouldFlattenTransform": false, |
140 "children": [ | 167 "children": [ |
141 { | 168 { |
| 169 "name": "Scrolling Contents Layer", |
142 "bounds": [85, 144] | 170 "bounds": [85, 144] |
143 } | 171 } |
144 ] | 172 ] |
145 }, | 173 }, |
146 { | 174 { |
| 175 "name": "Overflow Controls Host Layer", |
147 "bounds": [104, 104], | 176 "bounds": [104, 104], |
148 "children": [ | 177 "children": [ |
149 { | 178 { |
| 179 "name": "Horizontal Scrollbar Layer", |
150 "position": [2, 87], | 180 "position": [2, 87], |
151 "bounds": [85, 15] | 181 "bounds": [85, 15] |
152 }, | 182 }, |
153 { | 183 { |
| 184 "name": "Vertical Scrollbar Layer", |
154 "position": [87, 2], | 185 "position": [87, 2], |
155 "bounds": [15, 85] | 186 "bounds": [15, 85] |
156 }, | 187 }, |
157 { | 188 { |
| 189 "name": "Scroll Corner Layer", |
158 "position": [87, 87], | 190 "position": [87, 87], |
159 "bounds": [15, 15], | 191 "bounds": [15, 15], |
160 "drawsContent": true | 192 "drawsContent": true |
161 } | 193 } |
162 ] | 194 ] |
163 } | 195 } |
164 ] | 196 ] |
165 }, | 197 }, |
166 { | 198 { |
| 199 "name": "Squashing Layer (first squashed layer: LayoutBlockFlow (p
ositioned) DIV id='positioned-absolute-not-contained' class='positionAbsolute po
sitioned')", |
167 "position": [275, 75], | 200 "position": [275, 75], |
168 "bounds": [80, 40], | 201 "bounds": [80, 40], |
169 "drawsContent": true | 202 "drawsContent": true |
170 } | 203 } |
171 ] | 204 ] |
172 }, | 205 }, |
173 { | 206 { |
| 207 "name": "Squashing Containment Layer", |
174 "shouldFlattenTransform": false, | 208 "shouldFlattenTransform": false, |
175 "children": [ | 209 "children": [ |
176 { | 210 { |
| 211 "name": "LayoutBlockFlow (relative positioned) DIV id='scrolled-ab
solute-not-contained' class='scrolled'", |
177 "position": [256, -15], | 212 "position": [256, -15], |
178 "bounds": [75, 24], | 213 "bounds": [75, 24], |
179 "contentsOpaque": true, | 214 "contentsOpaque": true, |
180 "drawsContent": true, | 215 "drawsContent": true, |
181 "backgroundColor": "#0000FF" | 216 "backgroundColor": "#0000FF" |
182 }, | 217 }, |
183 { | 218 { |
| 219 "name": "Squashing Layer (first squashed layer: LayoutBlockFlow (r
elative positioned) DIV id='scrolled-absolute-not-contained' class='scrolled')", |
184 "position": [256, 41], | 220 "position": [256, 41], |
185 "bounds": [75, 24], | 221 "bounds": [75, 24], |
186 "drawsContent": true | 222 "drawsContent": true |
187 } | 223 } |
188 ] | 224 ] |
189 }, | 225 }, |
190 { | 226 { |
| 227 "name": "Squashing Containment Layer", |
191 "shouldFlattenTransform": false, | 228 "shouldFlattenTransform": false, |
192 "children": [ | 229 "children": [ |
193 { | 230 { |
| 231 "name": "LayoutBlockFlow DIV id='container-absolute-sibling-grandc
hildren-not-contained' class='overflow'", |
194 "position": [370, 10], | 232 "position": [370, 10], |
195 "bounds": [104, 104], | 233 "bounds": [104, 104], |
196 "shouldFlattenTransform": false, | 234 "shouldFlattenTransform": false, |
197 "drawsContent": true, | 235 "drawsContent": true, |
198 "children": [ | 236 "children": [ |
199 { | 237 { |
| 238 "name": "Scrolling Layer", |
200 "position": [2, 2], | 239 "position": [2, 2], |
201 "bounds": [85, 85], | 240 "bounds": [85, 85], |
202 "shouldFlattenTransform": false, | 241 "shouldFlattenTransform": false, |
203 "children": [ | 242 "children": [ |
204 { | 243 { |
| 244 "name": "Scrolling Contents Layer", |
205 "bounds": [85, 144], | 245 "bounds": [85, 144], |
206 "drawsContent": true | 246 "drawsContent": true |
207 } | 247 } |
208 ] | 248 ] |
209 }, | 249 }, |
210 { | 250 { |
| 251 "name": "Overflow Controls Host Layer", |
211 "bounds": [104, 104], | 252 "bounds": [104, 104], |
212 "children": [ | 253 "children": [ |
213 { | 254 { |
| 255 "name": "Horizontal Scrollbar Layer", |
214 "position": [2, 87], | 256 "position": [2, 87], |
215 "bounds": [85, 15] | 257 "bounds": [85, 15] |
216 }, | 258 }, |
217 { | 259 { |
| 260 "name": "Vertical Scrollbar Layer", |
218 "position": [87, 2], | 261 "position": [87, 2], |
219 "bounds": [15, 85] | 262 "bounds": [15, 85] |
220 }, | 263 }, |
221 { | 264 { |
| 265 "name": "Scroll Corner Layer", |
222 "position": [87, 87], | 266 "position": [87, 87], |
223 "bounds": [15, 15], | 267 "bounds": [15, 15], |
224 "drawsContent": true | 268 "drawsContent": true |
225 } | 269 } |
226 ] | 270 ] |
227 } | 271 } |
228 ] | 272 ] |
229 }, | 273 }, |
230 { | 274 { |
| 275 "name": "Squashing Layer (first squashed layer: LayoutBlockFlow (p
ositioned) DIV id='positioned-absolute-sibling-grandchildren-not-contained' clas
s='positionAbsolute positioned')", |
231 "position": [395, 75], | 276 "position": [395, 75], |
232 "bounds": [80, 40], | 277 "bounds": [80, 40], |
233 "drawsContent": true | 278 "drawsContent": true |
234 } | 279 } |
235 ] | 280 ] |
236 }, | 281 }, |
237 { | 282 { |
| 283 "name": "Squashing Containment Layer", |
238 "shouldFlattenTransform": false, | 284 "shouldFlattenTransform": false, |
239 "children": [ | 285 "children": [ |
240 { | 286 { |
| 287 "name": "LayoutBlockFlow (relative positioned) DIV id='scrolled-ab
solute-sibling-grandchildren-not-contained' class='scrolled'", |
241 "position": [376, -15], | 288 "position": [376, -15], |
242 "bounds": [75, 24], | 289 "bounds": [75, 24], |
243 "contentsOpaque": true, | 290 "contentsOpaque": true, |
244 "drawsContent": true, | 291 "drawsContent": true, |
245 "backgroundColor": "#0000FF" | 292 "backgroundColor": "#0000FF" |
246 }, | 293 }, |
247 { | 294 { |
| 295 "name": "Squashing Layer (first squashed layer: LayoutBlockFlow (r
elative positioned) DIV id='scrolled-absolute-sibling-grandchildren-not-containe
d' class='scrolled')", |
248 "position": [376, 41], | 296 "position": [376, 41], |
249 "bounds": [75, 24], | 297 "bounds": [75, 24], |
250 "drawsContent": true | 298 "drawsContent": true |
251 } | 299 } |
252 ] | 300 ] |
253 }, | 301 }, |
254 { | 302 { |
| 303 "name": "LayoutBlockFlow (positioned) DIV id='container-absolute-sibli
ng-grandchildren' class='positionAbsolute overflow'", |
255 "position": [10, 130], | 304 "position": [10, 130], |
256 "bounds": [104, 104], | 305 "bounds": [104, 104], |
257 "shouldFlattenTransform": false, | 306 "shouldFlattenTransform": false, |
258 "drawsContent": true, | 307 "drawsContent": true, |
259 "children": [ | 308 "children": [ |
260 { | 309 { |
| 310 "name": "Scrolling Layer", |
261 "position": [2, 2], | 311 "position": [2, 2], |
262 "bounds": [85, 85], | 312 "bounds": [85, 85], |
263 "shouldFlattenTransform": false, | 313 "shouldFlattenTransform": false, |
264 "children": [ | 314 "children": [ |
265 { | 315 { |
| 316 "name": "Scrolling Contents Layer", |
266 "bounds": [105, 144], | 317 "bounds": [105, 144], |
267 "drawsContent": true | 318 "drawsContent": true |
268 } | 319 } |
269 ] | 320 ] |
270 }, | 321 }, |
271 { | 322 { |
| 323 "name": "Overflow Controls Host Layer", |
272 "bounds": [104, 104], | 324 "bounds": [104, 104], |
273 "children": [ | 325 "children": [ |
274 { | 326 { |
| 327 "name": "Horizontal Scrollbar Layer", |
275 "position": [2, 87], | 328 "position": [2, 87], |
276 "bounds": [85, 15] | 329 "bounds": [85, 15] |
277 }, | 330 }, |
278 { | 331 { |
| 332 "name": "Vertical Scrollbar Layer", |
279 "position": [87, 2], | 333 "position": [87, 2], |
280 "bounds": [15, 85] | 334 "bounds": [15, 85] |
281 }, | 335 }, |
282 { | 336 { |
| 337 "name": "Scroll Corner Layer", |
283 "position": [87, 87], | 338 "position": [87, 87], |
284 "bounds": [15, 15], | 339 "bounds": [15, 15], |
285 "drawsContent": true | 340 "drawsContent": true |
286 } | 341 } |
287 ] | 342 ] |
288 } | 343 } |
289 ] | 344 ] |
290 }, | 345 }, |
291 { | 346 { |
| 347 "name": "Squashing Containment Layer", |
292 "shouldFlattenTransform": false, | 348 "shouldFlattenTransform": false, |
293 "children": [ | 349 "children": [ |
294 { | 350 { |
| 351 "name": "LayoutBlockFlow (positioned) DIV id='positioned-absolute-
sibling-grandchildren' class='positionAbsolute positioned'", |
295 "position": [37, 138], | 352 "position": [37, 138], |
296 "bounds": [80, 40], | 353 "bounds": [80, 40], |
297 "contentsOpaque": true, | 354 "contentsOpaque": true, |
298 "drawsContent": true, | 355 "drawsContent": true, |
299 "backgroundColor": "#800080" | 356 "backgroundColor": "#800080" |
300 }, | 357 }, |
301 { | 358 { |
| 359 "name": "Squashing Layer (first squashed layer: LayoutBlockFlow (r
elative positioned) DIV id='scrolled-absolute-sibling-grandchildren' class='scro
lled')", |
302 "position": [16, 105], | 360 "position": [16, 105], |
303 "bounds": [75, 80], | 361 "bounds": [75, 80], |
304 "drawsContent": true | 362 "drawsContent": true |
305 } | 363 } |
306 ] | 364 ] |
307 }, | 365 }, |
308 { | 366 { |
| 367 "name": "Squashing Containment Layer", |
309 "shouldFlattenTransform": false, | 368 "shouldFlattenTransform": false, |
310 "children": [ | 369 "children": [ |
311 { | 370 { |
| 371 "name": "LayoutBlockFlow DIV id='container-absolute-sibling-not-co
ntained' class='overflow'", |
312 "position": [130, 130], | 372 "position": [130, 130], |
313 "bounds": [104, 104], | 373 "bounds": [104, 104], |
314 "shouldFlattenTransform": false, | 374 "shouldFlattenTransform": false, |
315 "drawsContent": true, | 375 "drawsContent": true, |
316 "children": [ | 376 "children": [ |
317 { | 377 { |
| 378 "name": "Scrolling Layer", |
318 "position": [2, 2], | 379 "position": [2, 2], |
319 "bounds": [85, 85], | 380 "bounds": [85, 85], |
320 "shouldFlattenTransform": false, | 381 "shouldFlattenTransform": false, |
321 "children": [ | 382 "children": [ |
322 { | 383 { |
| 384 "name": "Scrolling Contents Layer", |
323 "bounds": [85, 144] | 385 "bounds": [85, 144] |
324 } | 386 } |
325 ] | 387 ] |
326 }, | 388 }, |
327 { | 389 { |
| 390 "name": "Overflow Controls Host Layer", |
328 "bounds": [104, 104], | 391 "bounds": [104, 104], |
329 "children": [ | 392 "children": [ |
330 { | 393 { |
| 394 "name": "Horizontal Scrollbar Layer", |
331 "position": [2, 87], | 395 "position": [2, 87], |
332 "bounds": [85, 15] | 396 "bounds": [85, 15] |
333 }, | 397 }, |
334 { | 398 { |
| 399 "name": "Vertical Scrollbar Layer", |
335 "position": [87, 2], | 400 "position": [87, 2], |
336 "bounds": [15, 85] | 401 "bounds": [15, 85] |
337 }, | 402 }, |
338 { | 403 { |
| 404 "name": "Scroll Corner Layer", |
339 "position": [87, 87], | 405 "position": [87, 87], |
340 "bounds": [15, 15], | 406 "bounds": [15, 15], |
341 "drawsContent": true | 407 "drawsContent": true |
342 } | 408 } |
343 ] | 409 ] |
344 } | 410 } |
345 ] | 411 ] |
346 }, | 412 }, |
347 { | 413 { |
| 414 "name": "Squashing Layer (first squashed layer: LayoutBlockFlow (p
ositioned) DIV id='positioned-absolute-sibling-not-contained' class='positionAbs
olute positioned')", |
348 "position": [155, 195], | 415 "position": [155, 195], |
349 "bounds": [80, 40], | 416 "bounds": [80, 40], |
350 "drawsContent": true | 417 "drawsContent": true |
351 } | 418 } |
352 ] | 419 ] |
353 }, | 420 }, |
354 { | 421 { |
| 422 "name": "Squashing Containment Layer", |
355 "shouldFlattenTransform": false, | 423 "shouldFlattenTransform": false, |
356 "children": [ | 424 "children": [ |
357 { | 425 { |
| 426 "name": "LayoutBlockFlow (relative positioned) DIV id='scrolled-ab
solute-sibling-not-contained' class='scrolled'", |
358 "position": [136, 105], | 427 "position": [136, 105], |
359 "bounds": [75, 24], | 428 "bounds": [75, 24], |
360 "contentsOpaque": true, | 429 "contentsOpaque": true, |
361 "drawsContent": true, | 430 "drawsContent": true, |
362 "backgroundColor": "#0000FF" | 431 "backgroundColor": "#0000FF" |
363 }, | 432 }, |
364 { | 433 { |
| 434 "name": "Squashing Layer (first squashed layer: LayoutBlockFlow (r
elative positioned) DIV id='scrolled-absolute-sibling-not-contained' class='scro
lled')", |
365 "position": [136, 161], | 435 "position": [136, 161], |
366 "bounds": [75, 24], | 436 "bounds": [75, 24], |
367 "drawsContent": true | 437 "drawsContent": true |
368 } | 438 } |
369 ] | 439 ] |
370 }, | 440 }, |
371 { | 441 { |
| 442 "name": "LayoutBlockFlow (positioned) DIV id='container-absolute-sibli
ng' class='positionAbsolute overflow'", |
372 "position": [250, 130], | 443 "position": [250, 130], |
373 "bounds": [104, 104], | 444 "bounds": [104, 104], |
374 "shouldFlattenTransform": false, | 445 "shouldFlattenTransform": false, |
375 "drawsContent": true, | 446 "drawsContent": true, |
376 "children": [ | 447 "children": [ |
377 { | 448 { |
| 449 "name": "Scrolling Layer", |
378 "position": [2, 2], | 450 "position": [2, 2], |
379 "bounds": [85, 85], | 451 "bounds": [85, 85], |
380 "shouldFlattenTransform": false, | 452 "shouldFlattenTransform": false, |
381 "children": [ | 453 "children": [ |
382 { | 454 { |
| 455 "name": "Scrolling Contents Layer", |
383 "bounds": [105, 144] | 456 "bounds": [105, 144] |
384 } | 457 } |
385 ] | 458 ] |
386 }, | 459 }, |
387 { | 460 { |
| 461 "name": "Overflow Controls Host Layer", |
388 "bounds": [104, 104], | 462 "bounds": [104, 104], |
389 "children": [ | 463 "children": [ |
390 { | 464 { |
| 465 "name": "Horizontal Scrollbar Layer", |
391 "position": [2, 87], | 466 "position": [2, 87], |
392 "bounds": [85, 15] | 467 "bounds": [85, 15] |
393 }, | 468 }, |
394 { | 469 { |
| 470 "name": "Vertical Scrollbar Layer", |
395 "position": [87, 2], | 471 "position": [87, 2], |
396 "bounds": [15, 85] | 472 "bounds": [15, 85] |
397 }, | 473 }, |
398 { | 474 { |
| 475 "name": "Scroll Corner Layer", |
399 "position": [87, 87], | 476 "position": [87, 87], |
400 "bounds": [15, 15], | 477 "bounds": [15, 15], |
401 "drawsContent": true | 478 "drawsContent": true |
402 } | 479 } |
403 ] | 480 ] |
404 } | 481 } |
405 ] | 482 ] |
406 }, | 483 }, |
407 { | 484 { |
| 485 "name": "Squashing Containment Layer", |
408 "shouldFlattenTransform": false, | 486 "shouldFlattenTransform": false, |
409 "children": [ | 487 "children": [ |
410 { | 488 { |
| 489 "name": "LayoutBlockFlow (positioned) DIV id='positioned-absolute-
sibling' class='positionAbsolute positioned'", |
411 "position": [277, 138], | 490 "position": [277, 138], |
412 "bounds": [80, 40], | 491 "bounds": [80, 40], |
413 "contentsOpaque": true, | 492 "contentsOpaque": true, |
414 "drawsContent": true, | 493 "drawsContent": true, |
415 "backgroundColor": "#800080" | 494 "backgroundColor": "#800080" |
416 }, | 495 }, |
417 { | 496 { |
| 497 "name": "Squashing Layer (first squashed layer: LayoutBlockFlow (r
elative positioned) DIV id='scrolled-absolute-sibling' class='scrolled')", |
418 "position": [256, 105], | 498 "position": [256, 105], |
419 "bounds": [75, 80], | 499 "bounds": [75, 80], |
420 "drawsContent": true | 500 "drawsContent": true |
421 } | 501 } |
422 ] | 502 ] |
423 }, | 503 }, |
424 { | 504 { |
| 505 "name": "LayoutBlockFlow (positioned) DIV id='container-absolute' clas
s='positionAbsolute overflow'", |
425 "position": [370, 130], | 506 "position": [370, 130], |
426 "bounds": [104, 104], | 507 "bounds": [104, 104], |
427 "shouldFlattenTransform": false, | 508 "shouldFlattenTransform": false, |
428 "drawsContent": true, | 509 "drawsContent": true, |
429 "children": [ | 510 "children": [ |
430 { | 511 { |
| 512 "name": "Scrolling Layer", |
431 "position": [2, 2], | 513 "position": [2, 2], |
432 "bounds": [85, 85], | 514 "bounds": [85, 85], |
433 "shouldFlattenTransform": false, | 515 "shouldFlattenTransform": false, |
434 "children": [ | 516 "children": [ |
435 { | 517 { |
| 518 "name": "Scrolling Contents Layer", |
436 "bounds": [105, 144] | 519 "bounds": [105, 144] |
437 } | 520 } |
438 ] | 521 ] |
439 }, | 522 }, |
440 { | 523 { |
| 524 "name": "Overflow Controls Host Layer", |
441 "bounds": [104, 104], | 525 "bounds": [104, 104], |
442 "children": [ | 526 "children": [ |
443 { | 527 { |
| 528 "name": "Horizontal Scrollbar Layer", |
444 "position": [2, 87], | 529 "position": [2, 87], |
445 "bounds": [85, 15] | 530 "bounds": [85, 15] |
446 }, | 531 }, |
447 { | 532 { |
| 533 "name": "Vertical Scrollbar Layer", |
448 "position": [87, 2], | 534 "position": [87, 2], |
449 "bounds": [15, 85] | 535 "bounds": [15, 85] |
450 }, | 536 }, |
451 { | 537 { |
| 538 "name": "Scroll Corner Layer", |
452 "position": [87, 87], | 539 "position": [87, 87], |
453 "bounds": [15, 15], | 540 "bounds": [15, 15], |
454 "drawsContent": true | 541 "drawsContent": true |
455 } | 542 } |
456 ] | 543 ] |
457 } | 544 } |
458 ] | 545 ] |
459 }, | 546 }, |
460 { | 547 { |
| 548 "name": "Squashing Containment Layer", |
461 "shouldFlattenTransform": false, | 549 "shouldFlattenTransform": false, |
462 "children": [ | 550 "children": [ |
463 { | 551 { |
| 552 "name": "LayoutBlockFlow (positioned) DIV id='positioned-absolute'
class='positionAbsolute positioned'", |
464 "position": [397, 138], | 553 "position": [397, 138], |
465 "bounds": [80, 40], | 554 "bounds": [80, 40], |
466 "contentsOpaque": true, | 555 "contentsOpaque": true, |
467 "drawsContent": true, | 556 "drawsContent": true, |
468 "backgroundColor": "#800080" | 557 "backgroundColor": "#800080" |
469 }, | 558 }, |
470 { | 559 { |
| 560 "name": "Squashing Layer (first squashed layer: LayoutBlockFlow (r
elative positioned) DIV id='scrolled-absolute' class='scrolled')", |
471 "position": [376, 105], | 561 "position": [376, 105], |
472 "bounds": [75, 80], | 562 "bounds": [75, 80], |
473 "drawsContent": true | 563 "drawsContent": true |
474 } | 564 } |
475 ] | 565 ] |
476 }, | 566 }, |
477 { | 567 { |
| 568 "name": "LayoutBlockFlow (positioned) DIV id='container-fixed-sibling-
grandchildren' class='positionAbsolute overflow'", |
478 "position": [10, 250], | 569 "position": [10, 250], |
479 "bounds": [104, 104], | 570 "bounds": [104, 104], |
480 "shouldFlattenTransform": false, | 571 "shouldFlattenTransform": false, |
481 "drawsContent": true, | 572 "drawsContent": true, |
482 "children": [ | 573 "children": [ |
483 { | 574 { |
| 575 "name": "Scrolling Layer", |
484 "position": [2, 2], | 576 "position": [2, 2], |
485 "bounds": [85, 85], | 577 "bounds": [85, 85], |
486 "shouldFlattenTransform": false, | 578 "shouldFlattenTransform": false, |
487 "children": [ | 579 "children": [ |
488 { | 580 { |
| 581 "name": "Scrolling Contents Layer", |
489 "bounds": [85, 144], | 582 "bounds": [85, 144], |
490 "drawsContent": true | 583 "drawsContent": true |
491 } | 584 } |
492 ] | 585 ] |
493 }, | 586 }, |
494 { | 587 { |
| 588 "name": "Overflow Controls Host Layer", |
495 "bounds": [104, 104], | 589 "bounds": [104, 104], |
496 "children": [ | 590 "children": [ |
497 { | 591 { |
| 592 "name": "Horizontal Scrollbar Layer", |
498 "position": [2, 87], | 593 "position": [2, 87], |
499 "bounds": [85, 15] | 594 "bounds": [85, 15] |
500 }, | 595 }, |
501 { | 596 { |
| 597 "name": "Vertical Scrollbar Layer", |
502 "position": [87, 2], | 598 "position": [87, 2], |
503 "bounds": [15, 85] | 599 "bounds": [15, 85] |
504 }, | 600 }, |
505 { | 601 { |
| 602 "name": "Scroll Corner Layer", |
506 "position": [87, 87], | 603 "position": [87, 87], |
507 "bounds": [15, 15], | 604 "bounds": [15, 15], |
508 "drawsContent": true | 605 "drawsContent": true |
509 } | 606 } |
510 ] | 607 ] |
511 } | 608 } |
512 ] | 609 ] |
513 }, | 610 }, |
514 { | 611 { |
| 612 "name": "LayoutBlockFlow (positioned) DIV id='positioned-fixed-sibling
-grandchildren' class='positionFixed positioned'", |
515 "position": [35, 315], | 613 "position": [35, 315], |
516 "bounds": [80, 40], | 614 "bounds": [80, 40], |
517 "contentsOpaque": true, | 615 "contentsOpaque": true, |
518 "drawsContent": true, | 616 "drawsContent": true, |
519 "backgroundColor": "#800080" | 617 "backgroundColor": "#800080" |
520 }, | 618 }, |
521 { | 619 { |
| 620 "name": "Squashing Containment Layer", |
522 "shouldFlattenTransform": false, | 621 "shouldFlattenTransform": false, |
523 "children": [ | 622 "children": [ |
524 { | 623 { |
| 624 "name": "LayoutBlockFlow (relative positioned) DIV id='scrolled-fi
xed-sibling-grandchildren' class='scrolled'", |
525 "position": [16, 225], | 625 "position": [16, 225], |
526 "bounds": [75, 24], | 626 "bounds": [75, 24], |
527 "contentsOpaque": true, | 627 "contentsOpaque": true, |
528 "drawsContent": true, | 628 "drawsContent": true, |
529 "backgroundColor": "#0000FF" | 629 "backgroundColor": "#0000FF" |
530 }, | 630 }, |
531 { | 631 { |
| 632 "name": "Squashing Layer (first squashed layer: LayoutBlockFlow (r
elative positioned) DIV id='scrolled-fixed-sibling-grandchildren' class='scrolle
d')", |
532 "position": [16, 281], | 633 "position": [16, 281], |
533 "bounds": [75, 24], | 634 "bounds": [75, 24], |
534 "drawsContent": true | 635 "drawsContent": true |
535 } | 636 } |
536 ] | 637 ] |
537 }, | 638 }, |
538 { | 639 { |
| 640 "name": "LayoutBlockFlow (positioned) DIV id='container-fixed-sibling'
class='positionAbsolute overflow'", |
539 "position": [130, 250], | 641 "position": [130, 250], |
540 "bounds": [104, 104], | 642 "bounds": [104, 104], |
541 "shouldFlattenTransform": false, | 643 "shouldFlattenTransform": false, |
542 "drawsContent": true, | 644 "drawsContent": true, |
543 "children": [ | 645 "children": [ |
544 { | 646 { |
| 647 "name": "Scrolling Layer", |
545 "position": [2, 2], | 648 "position": [2, 2], |
546 "bounds": [85, 85], | 649 "bounds": [85, 85], |
547 "shouldFlattenTransform": false, | 650 "shouldFlattenTransform": false, |
548 "children": [ | 651 "children": [ |
549 { | 652 { |
| 653 "name": "Scrolling Contents Layer", |
550 "bounds": [85, 144] | 654 "bounds": [85, 144] |
551 } | 655 } |
552 ] | 656 ] |
553 }, | 657 }, |
554 { | 658 { |
| 659 "name": "Overflow Controls Host Layer", |
555 "bounds": [104, 104], | 660 "bounds": [104, 104], |
556 "children": [ | 661 "children": [ |
557 { | 662 { |
| 663 "name": "Horizontal Scrollbar Layer", |
558 "position": [2, 87], | 664 "position": [2, 87], |
559 "bounds": [85, 15] | 665 "bounds": [85, 15] |
560 }, | 666 }, |
561 { | 667 { |
| 668 "name": "Vertical Scrollbar Layer", |
562 "position": [87, 2], | 669 "position": [87, 2], |
563 "bounds": [15, 85] | 670 "bounds": [15, 85] |
564 }, | 671 }, |
565 { | 672 { |
| 673 "name": "Scroll Corner Layer", |
566 "position": [87, 87], | 674 "position": [87, 87], |
567 "bounds": [15, 15], | 675 "bounds": [15, 15], |
568 "drawsContent": true | 676 "drawsContent": true |
569 } | 677 } |
570 ] | 678 ] |
571 } | 679 } |
572 ] | 680 ] |
573 }, | 681 }, |
574 { | 682 { |
| 683 "name": "LayoutBlockFlow (positioned) DIV id='positioned-fixed-sibling
' class='positionFixed positioned'", |
575 "position": [155, 315], | 684 "position": [155, 315], |
576 "bounds": [80, 40], | 685 "bounds": [80, 40], |
577 "contentsOpaque": true, | 686 "contentsOpaque": true, |
578 "drawsContent": true, | 687 "drawsContent": true, |
579 "backgroundColor": "#800080" | 688 "backgroundColor": "#800080" |
580 }, | 689 }, |
581 { | 690 { |
| 691 "name": "Squashing Containment Layer", |
582 "shouldFlattenTransform": false, | 692 "shouldFlattenTransform": false, |
583 "children": [ | 693 "children": [ |
584 { | 694 { |
| 695 "name": "LayoutBlockFlow (relative positioned) DIV id='scrolled-fi
xed-sibling' class='scrolled'", |
585 "position": [136, 225], | 696 "position": [136, 225], |
586 "bounds": [75, 24], | 697 "bounds": [75, 24], |
587 "contentsOpaque": true, | 698 "contentsOpaque": true, |
588 "drawsContent": true, | 699 "drawsContent": true, |
589 "backgroundColor": "#0000FF" | 700 "backgroundColor": "#0000FF" |
590 }, | 701 }, |
591 { | 702 { |
| 703 "name": "Squashing Layer (first squashed layer: LayoutBlockFlow (r
elative positioned) DIV id='scrolled-fixed-sibling' class='scrolled')", |
592 "position": [136, 281], | 704 "position": [136, 281], |
593 "bounds": [75, 24], | 705 "bounds": [75, 24], |
594 "drawsContent": true | 706 "drawsContent": true |
595 } | 707 } |
596 ] | 708 ] |
597 }, | 709 }, |
598 { | 710 { |
| 711 "name": "LayoutBlockFlow (positioned) DIV id='container-fixed-grandchi
ldren' class='positionAbsolute overflow'", |
599 "position": [250, 250], | 712 "position": [250, 250], |
600 "bounds": [104, 104], | 713 "bounds": [104, 104], |
601 "shouldFlattenTransform": false, | 714 "shouldFlattenTransform": false, |
602 "drawsContent": true, | 715 "drawsContent": true, |
603 "children": [ | 716 "children": [ |
604 { | 717 { |
| 718 "name": "Scrolling Layer", |
605 "position": [2, 2], | 719 "position": [2, 2], |
606 "bounds": [85, 85], | 720 "bounds": [85, 85], |
607 "shouldFlattenTransform": false, | 721 "shouldFlattenTransform": false, |
608 "children": [ | 722 "children": [ |
609 { | 723 { |
| 724 "name": "Scrolling Contents Layer", |
610 "bounds": [85, 144], | 725 "bounds": [85, 144], |
611 "drawsContent": true | 726 "drawsContent": true |
612 } | 727 } |
613 ] | 728 ] |
614 }, | 729 }, |
615 { | 730 { |
| 731 "name": "Overflow Controls Host Layer", |
616 "bounds": [104, 104], | 732 "bounds": [104, 104], |
617 "children": [ | 733 "children": [ |
618 { | 734 { |
| 735 "name": "Horizontal Scrollbar Layer", |
619 "position": [2, 87], | 736 "position": [2, 87], |
620 "bounds": [85, 15] | 737 "bounds": [85, 15] |
621 }, | 738 }, |
622 { | 739 { |
| 740 "name": "Vertical Scrollbar Layer", |
623 "position": [87, 2], | 741 "position": [87, 2], |
624 "bounds": [15, 85] | 742 "bounds": [15, 85] |
625 }, | 743 }, |
626 { | 744 { |
| 745 "name": "Scroll Corner Layer", |
627 "position": [87, 87], | 746 "position": [87, 87], |
628 "bounds": [15, 15], | 747 "bounds": [15, 15], |
629 "drawsContent": true | 748 "drawsContent": true |
630 } | 749 } |
631 ] | 750 ] |
632 } | 751 } |
633 ] | 752 ] |
634 }, | 753 }, |
635 { | 754 { |
| 755 "name": "LayoutBlockFlow (positioned) DIV id='positioned-fixed-grandch
ildren' class='positionFixed positioned'", |
636 "position": [275, 315], | 756 "position": [275, 315], |
637 "bounds": [80, 40], | 757 "bounds": [80, 40], |
638 "contentsOpaque": true, | 758 "contentsOpaque": true, |
639 "drawsContent": true, | 759 "drawsContent": true, |
640 "backgroundColor": "#800080" | 760 "backgroundColor": "#800080" |
641 }, | 761 }, |
642 { | 762 { |
| 763 "name": "Squashing Containment Layer", |
643 "shouldFlattenTransform": false, | 764 "shouldFlattenTransform": false, |
644 "children": [ | 765 "children": [ |
645 { | 766 { |
| 767 "name": "LayoutBlockFlow (relative positioned) DIV id='scrolled-fi
xed-grandchildren' class='scrolled'", |
646 "position": [256, 225], | 768 "position": [256, 225], |
647 "bounds": [75, 24], | 769 "bounds": [75, 24], |
648 "contentsOpaque": true, | 770 "contentsOpaque": true, |
649 "drawsContent": true, | 771 "drawsContent": true, |
650 "backgroundColor": "#0000FF" | 772 "backgroundColor": "#0000FF" |
651 }, | 773 }, |
652 { | 774 { |
| 775 "name": "Squashing Layer (first squashed layer: LayoutBlockFlow (r
elative positioned) DIV id='scrolled-fixed-grandchildren' class='scrolled')", |
653 "position": [256, 281], | 776 "position": [256, 281], |
654 "bounds": [75, 24], | 777 "bounds": [75, 24], |
655 "drawsContent": true | 778 "drawsContent": true |
656 } | 779 } |
657 ] | 780 ] |
658 }, | 781 }, |
659 { | 782 { |
| 783 "name": "LayoutBlockFlow (positioned) DIV id='container-fixed' class='
positionAbsolute overflow'", |
660 "position": [370, 250], | 784 "position": [370, 250], |
661 "bounds": [104, 104], | 785 "bounds": [104, 104], |
662 "shouldFlattenTransform": false, | 786 "shouldFlattenTransform": false, |
663 "drawsContent": true, | 787 "drawsContent": true, |
664 "children": [ | 788 "children": [ |
665 { | 789 { |
| 790 "name": "Scrolling Layer", |
666 "position": [2, 2], | 791 "position": [2, 2], |
667 "bounds": [85, 85], | 792 "bounds": [85, 85], |
668 "shouldFlattenTransform": false, | 793 "shouldFlattenTransform": false, |
669 "children": [ | 794 "children": [ |
670 { | 795 { |
| 796 "name": "Scrolling Contents Layer", |
671 "bounds": [85, 144] | 797 "bounds": [85, 144] |
672 } | 798 } |
673 ] | 799 ] |
674 }, | 800 }, |
675 { | 801 { |
| 802 "name": "Overflow Controls Host Layer", |
676 "bounds": [104, 104], | 803 "bounds": [104, 104], |
677 "children": [ | 804 "children": [ |
678 { | 805 { |
| 806 "name": "Horizontal Scrollbar Layer", |
679 "position": [2, 87], | 807 "position": [2, 87], |
680 "bounds": [85, 15] | 808 "bounds": [85, 15] |
681 }, | 809 }, |
682 { | 810 { |
| 811 "name": "Vertical Scrollbar Layer", |
683 "position": [87, 2], | 812 "position": [87, 2], |
684 "bounds": [15, 85] | 813 "bounds": [15, 85] |
685 }, | 814 }, |
686 { | 815 { |
| 816 "name": "Scroll Corner Layer", |
687 "position": [87, 87], | 817 "position": [87, 87], |
688 "bounds": [15, 15], | 818 "bounds": [15, 15], |
689 "drawsContent": true | 819 "drawsContent": true |
690 } | 820 } |
691 ] | 821 ] |
692 } | 822 } |
693 ] | 823 ] |
694 }, | 824 }, |
695 { | 825 { |
| 826 "name": "LayoutBlockFlow (positioned) DIV id='positioned-fixed' class=
'positionFixed positioned'", |
696 "position": [395, 315], | 827 "position": [395, 315], |
697 "bounds": [80, 40], | 828 "bounds": [80, 40], |
698 "contentsOpaque": true, | 829 "contentsOpaque": true, |
699 "drawsContent": true, | 830 "drawsContent": true, |
700 "backgroundColor": "#800080" | 831 "backgroundColor": "#800080" |
701 }, | 832 }, |
702 { | 833 { |
| 834 "name": "Squashing Containment Layer", |
703 "shouldFlattenTransform": false, | 835 "shouldFlattenTransform": false, |
704 "children": [ | 836 "children": [ |
705 { | 837 { |
| 838 "name": "LayoutBlockFlow (relative positioned) DIV id='scrolled-fi
xed' class='scrolled'", |
706 "position": [376, 225], | 839 "position": [376, 225], |
707 "bounds": [75, 24], | 840 "bounds": [75, 24], |
708 "contentsOpaque": true, | 841 "contentsOpaque": true, |
709 "drawsContent": true, | 842 "drawsContent": true, |
710 "backgroundColor": "#0000FF" | 843 "backgroundColor": "#0000FF" |
711 }, | 844 }, |
712 { | 845 { |
| 846 "name": "Squashing Layer (first squashed layer: LayoutBlockFlow (r
elative positioned) DIV id='scrolled-fixed' class='scrolled')", |
713 "position": [376, 281], | 847 "position": [376, 281], |
714 "bounds": [75, 24], | 848 "bounds": [75, 24], |
715 "drawsContent": true | 849 "drawsContent": true |
716 } | 850 } |
717 ] | 851 ] |
718 }, | 852 }, |
719 { | 853 { |
| 854 "name": "LayoutBlockFlow (positioned) DIV id='sibling-absolute-sibling
-grandchildren-not-contained' class='positionFixed sibling'", |
720 "position": [375, 20], | 855 "position": [375, 20], |
721 "bounds": [50, 100], | 856 "bounds": [50, 100], |
722 "contentsOpaque": true, | 857 "contentsOpaque": true, |
723 "drawsContent": true, | 858 "drawsContent": true, |
724 "backgroundColor": "#008000" | 859 "backgroundColor": "#008000" |
725 }, | 860 }, |
726 { | 861 { |
| 862 "name": "LayoutBlockFlow (positioned) DIV id='sibling-absolute-sibling
-grandchildren' class='positionFixed sibling'", |
727 "position": [15, 140], | 863 "position": [15, 140], |
728 "bounds": [50, 100], | 864 "bounds": [50, 100], |
729 "contentsOpaque": true, | 865 "contentsOpaque": true, |
730 "drawsContent": true, | 866 "drawsContent": true, |
731 "backgroundColor": "#008000" | 867 "backgroundColor": "#008000" |
732 }, | 868 }, |
733 { | 869 { |
| 870 "name": "LayoutBlockFlow (positioned) DIV id='sibling-absolute-sibling
-not-contained' class='positionFixed sibling'", |
734 "position": [135, 140], | 871 "position": [135, 140], |
735 "bounds": [50, 100], | 872 "bounds": [50, 100], |
736 "contentsOpaque": true, | 873 "contentsOpaque": true, |
737 "drawsContent": true, | 874 "drawsContent": true, |
738 "backgroundColor": "#008000" | 875 "backgroundColor": "#008000" |
739 }, | 876 }, |
740 { | 877 { |
| 878 "name": "LayoutBlockFlow (positioned) DIV id='sibling-absolute-sibling
' class='positionFixed sibling'", |
741 "position": [255, 140], | 879 "position": [255, 140], |
742 "bounds": [50, 100], | 880 "bounds": [50, 100], |
743 "contentsOpaque": true, | 881 "contentsOpaque": true, |
744 "drawsContent": true, | 882 "drawsContent": true, |
745 "backgroundColor": "#008000" | 883 "backgroundColor": "#008000" |
746 }, | 884 }, |
747 { | 885 { |
| 886 "name": "LayoutBlockFlow (positioned) DIV id='sibling-fixed-sibling-gr
andchildren' class='positionFixed sibling'", |
748 "position": [15, 260], | 887 "position": [15, 260], |
749 "bounds": [50, 100], | 888 "bounds": [50, 100], |
750 "contentsOpaque": true, | 889 "contentsOpaque": true, |
751 "drawsContent": true, | 890 "drawsContent": true, |
752 "backgroundColor": "#008000" | 891 "backgroundColor": "#008000" |
753 }, | 892 }, |
754 { | 893 { |
| 894 "name": "LayoutBlockFlow (positioned) DIV id='sibling-fixed-sibling' c
lass='positionFixed sibling'", |
755 "position": [135, 260], | 895 "position": [135, 260], |
756 "bounds": [50, 100], | 896 "bounds": [50, 100], |
757 "contentsOpaque": true, | 897 "contentsOpaque": true, |
758 "drawsContent": true, | 898 "drawsContent": true, |
759 "backgroundColor": "#008000" | 899 "backgroundColor": "#008000" |
760 }, | 900 }, |
761 { | 901 { |
| 902 "name": "Squashing Containment Layer", |
762 "shouldFlattenTransform": false, | 903 "shouldFlattenTransform": false, |
763 "children": [ | 904 "children": [ |
764 { | 905 { |
| 906 "name": "LayoutBlockFlow (relative positioned) DIV id='scrolled-ab
solute-grandchildren-not-contained' class='scrolled onTop'", |
765 "position": [16, -43], | 907 "position": [16, -43], |
766 "bounds": [75, 24], | 908 "bounds": [75, 24], |
767 "contentsOpaque": true, | 909 "contentsOpaque": true, |
768 "drawsContent": true, | 910 "drawsContent": true, |
769 "backgroundColor": "#0000FF" | 911 "backgroundColor": "#0000FF" |
770 }, | 912 }, |
771 { | 913 { |
| 914 "name": "Squashing Layer (first squashed layer: LayoutBlockFlow (r
elative positioned) DIV id='scrolled-absolute-grandchildren-not-contained' class
='scrolled onTop')", |
772 "position": [16, 13], | 915 "position": [16, 13], |
773 "bounds": [75, 80], | 916 "bounds": [75, 80], |
774 "drawsContent": true | 917 "drawsContent": true |
775 } | 918 } |
776 ] | 919 ] |
777 }, | 920 }, |
778 { | 921 { |
| 922 "name": "Squashing Containment Layer", |
779 "shouldFlattenTransform": false, | 923 "shouldFlattenTransform": false, |
780 "children": [ | 924 "children": [ |
781 { | 925 { |
| 926 "name": "LayoutBlockFlow (relative positioned) DIV id='scrolled-ab
solute-grandchildren' class='scrolled onTop'", |
782 "position": [136, -43], | 927 "position": [136, -43], |
783 "bounds": [75, 24], | 928 "bounds": [75, 24], |
784 "contentsOpaque": true, | 929 "contentsOpaque": true, |
785 "drawsContent": true, | 930 "drawsContent": true, |
786 "backgroundColor": "#0000FF" | 931 "backgroundColor": "#0000FF" |
787 }, | 932 }, |
788 { | 933 { |
| 934 "name": "Squashing Layer (first squashed layer: LayoutBlockFlow (r
elative positioned) DIV id='scrolled-absolute-grandchildren' class='scrolled onT
op')", |
789 "position": [136, 13], | 935 "position": [136, 13], |
790 "bounds": [75, 80], | 936 "bounds": [75, 80], |
791 "drawsContent": true | 937 "drawsContent": true |
792 } | 938 } |
793 ] | 939 ] |
794 }, | 940 }, |
795 { | 941 { |
| 942 "name": "Squashing Containment Layer", |
796 "shouldFlattenTransform": false, | 943 "shouldFlattenTransform": false, |
797 "children": [ | 944 "children": [ |
798 { | 945 { |
| 946 "name": "LayoutBlockFlow (relative positioned) DIV id='scrolled-ab
solute-not-contained' class='scrolled onTop'", |
799 "position": [256, -43], | 947 "position": [256, -43], |
800 "bounds": [75, 24], | 948 "bounds": [75, 24], |
801 "contentsOpaque": true, | 949 "contentsOpaque": true, |
802 "drawsContent": true, | 950 "drawsContent": true, |
803 "backgroundColor": "#0000FF" | 951 "backgroundColor": "#0000FF" |
804 }, | 952 }, |
805 { | 953 { |
| 954 "name": "Squashing Layer (first squashed layer: LayoutBlockFlow (r
elative positioned) DIV id='scrolled-absolute-not-contained' class='scrolled onT
op')", |
806 "position": [256, 13], | 955 "position": [256, 13], |
807 "bounds": [75, 80], | 956 "bounds": [75, 80], |
808 "drawsContent": true | 957 "drawsContent": true |
809 } | 958 } |
810 ] | 959 ] |
811 }, | 960 }, |
812 { | 961 { |
| 962 "name": "Squashing Containment Layer", |
813 "shouldFlattenTransform": false, | 963 "shouldFlattenTransform": false, |
814 "children": [ | 964 "children": [ |
815 { | 965 { |
| 966 "name": "LayoutBlockFlow (relative positioned) DIV id='scrolled-ab
solute-sibling-grandchildren-not-contained' class='scrolled onTop'", |
816 "position": [376, -43], | 967 "position": [376, -43], |
817 "bounds": [75, 24], | 968 "bounds": [75, 24], |
818 "contentsOpaque": true, | 969 "contentsOpaque": true, |
819 "drawsContent": true, | 970 "drawsContent": true, |
820 "backgroundColor": "#0000FF" | 971 "backgroundColor": "#0000FF" |
821 }, | 972 }, |
822 { | 973 { |
| 974 "name": "Squashing Layer (first squashed layer: LayoutBlockFlow (r
elative positioned) DIV id='scrolled-absolute-sibling-grandchildren-not-containe
d' class='scrolled onTop')", |
823 "position": [376, 13], | 975 "position": [376, 13], |
824 "bounds": [75, 80], | 976 "bounds": [75, 80], |
825 "drawsContent": true | 977 "drawsContent": true |
826 } | 978 } |
827 ] | 979 ] |
828 }, | 980 }, |
829 { | 981 { |
| 982 "name": "Squashing Containment Layer", |
830 "shouldFlattenTransform": false, | 983 "shouldFlattenTransform": false, |
831 "children": [ | 984 "children": [ |
832 { | 985 { |
| 986 "name": "LayoutBlockFlow (relative positioned) DIV id='scrolled-ab
solute-sibling-grandchildren' class='scrolled onTop'", |
833 "position": [16, 77], | 987 "position": [16, 77], |
834 "bounds": [75, 24], | 988 "bounds": [75, 24], |
835 "contentsOpaque": true, | 989 "contentsOpaque": true, |
836 "drawsContent": true, | 990 "drawsContent": true, |
837 "backgroundColor": "#0000FF" | 991 "backgroundColor": "#0000FF" |
838 }, | 992 }, |
839 { | 993 { |
| 994 "name": "Squashing Layer (first squashed layer: LayoutBlockFlow (r
elative positioned) DIV id='scrolled-absolute-sibling-grandchildren' class='scro
lled onTop')", |
840 "position": [16, 133], | 995 "position": [16, 133], |
841 "bounds": [75, 80], | 996 "bounds": [75, 80], |
842 "drawsContent": true | 997 "drawsContent": true |
843 } | 998 } |
844 ] | 999 ] |
845 }, | 1000 }, |
846 { | 1001 { |
| 1002 "name": "Squashing Containment Layer", |
847 "shouldFlattenTransform": false, | 1003 "shouldFlattenTransform": false, |
848 "children": [ | 1004 "children": [ |
849 { | 1005 { |
| 1006 "name": "LayoutBlockFlow (relative positioned) DIV id='scrolled-ab
solute-sibling-not-contained' class='scrolled onTop'", |
850 "position": [136, 77], | 1007 "position": [136, 77], |
851 "bounds": [75, 24], | 1008 "bounds": [75, 24], |
852 "contentsOpaque": true, | 1009 "contentsOpaque": true, |
853 "drawsContent": true, | 1010 "drawsContent": true, |
854 "backgroundColor": "#0000FF" | 1011 "backgroundColor": "#0000FF" |
855 }, | 1012 }, |
856 { | 1013 { |
| 1014 "name": "Squashing Layer (first squashed layer: LayoutBlockFlow (r
elative positioned) DIV id='scrolled-absolute-sibling-not-contained' class='scro
lled onTop')", |
857 "position": [136, 133], | 1015 "position": [136, 133], |
858 "bounds": [75, 80], | 1016 "bounds": [75, 80], |
859 "drawsContent": true | 1017 "drawsContent": true |
860 } | 1018 } |
861 ] | 1019 ] |
862 }, | 1020 }, |
863 { | 1021 { |
| 1022 "name": "Squashing Containment Layer", |
864 "shouldFlattenTransform": false, | 1023 "shouldFlattenTransform": false, |
865 "children": [ | 1024 "children": [ |
866 { | 1025 { |
| 1026 "name": "LayoutBlockFlow (relative positioned) DIV id='scrolled-ab
solute-sibling' class='scrolled onTop'", |
867 "position": [256, 77], | 1027 "position": [256, 77], |
868 "bounds": [75, 24], | 1028 "bounds": [75, 24], |
869 "contentsOpaque": true, | 1029 "contentsOpaque": true, |
870 "drawsContent": true, | 1030 "drawsContent": true, |
871 "backgroundColor": "#0000FF" | 1031 "backgroundColor": "#0000FF" |
872 }, | 1032 }, |
873 { | 1033 { |
| 1034 "name": "Squashing Layer (first squashed layer: LayoutBlockFlow (r
elative positioned) DIV id='scrolled-absolute-sibling' class='scrolled onTop')", |
874 "position": [256, 133], | 1035 "position": [256, 133], |
875 "bounds": [75, 80], | 1036 "bounds": [75, 80], |
876 "drawsContent": true | 1037 "drawsContent": true |
877 } | 1038 } |
878 ] | 1039 ] |
879 }, | 1040 }, |
880 { | 1041 { |
| 1042 "name": "Squashing Containment Layer", |
881 "shouldFlattenTransform": false, | 1043 "shouldFlattenTransform": false, |
882 "children": [ | 1044 "children": [ |
883 { | 1045 { |
| 1046 "name": "LayoutBlockFlow (relative positioned) DIV id='scrolled-ab
solute' class='scrolled onTop'", |
884 "position": [376, 77], | 1047 "position": [376, 77], |
885 "bounds": [75, 24], | 1048 "bounds": [75, 24], |
886 "contentsOpaque": true, | 1049 "contentsOpaque": true, |
887 "drawsContent": true, | 1050 "drawsContent": true, |
888 "backgroundColor": "#0000FF" | 1051 "backgroundColor": "#0000FF" |
889 }, | 1052 }, |
890 { | 1053 { |
| 1054 "name": "Squashing Layer (first squashed layer: LayoutBlockFlow (r
elative positioned) DIV id='scrolled-absolute' class='scrolled onTop')", |
891 "position": [376, 133], | 1055 "position": [376, 133], |
892 "bounds": [75, 80], | 1056 "bounds": [75, 80], |
893 "drawsContent": true | 1057 "drawsContent": true |
894 } | 1058 } |
895 ] | 1059 ] |
896 }, | 1060 }, |
897 { | 1061 { |
| 1062 "name": "Squashing Containment Layer", |
898 "shouldFlattenTransform": false, | 1063 "shouldFlattenTransform": false, |
899 "children": [ | 1064 "children": [ |
900 { | 1065 { |
| 1066 "name": "LayoutBlockFlow (relative positioned) DIV id='scrolled-fi
xed-sibling-grandchildren' class='scrolled onTop'", |
901 "position": [16, 197], | 1067 "position": [16, 197], |
902 "bounds": [75, 24], | 1068 "bounds": [75, 24], |
903 "contentsOpaque": true, | 1069 "contentsOpaque": true, |
904 "drawsContent": true, | 1070 "drawsContent": true, |
905 "backgroundColor": "#0000FF" | 1071 "backgroundColor": "#0000FF" |
906 }, | 1072 }, |
907 { | 1073 { |
| 1074 "name": "Squashing Layer (first squashed layer: LayoutBlockFlow (r
elative positioned) DIV id='scrolled-fixed-sibling-grandchildren' class='scrolle
d onTop')", |
908 "position": [16, 253], | 1075 "position": [16, 253], |
909 "bounds": [75, 80], | 1076 "bounds": [75, 80], |
910 "drawsContent": true | 1077 "drawsContent": true |
911 } | 1078 } |
912 ] | 1079 ] |
913 }, | 1080 }, |
914 { | 1081 { |
| 1082 "name": "Squashing Containment Layer", |
915 "shouldFlattenTransform": false, | 1083 "shouldFlattenTransform": false, |
916 "children": [ | 1084 "children": [ |
917 { | 1085 { |
| 1086 "name": "LayoutBlockFlow (relative positioned) DIV id='scrolled-fi
xed-sibling' class='scrolled onTop'", |
918 "position": [136, 197], | 1087 "position": [136, 197], |
919 "bounds": [75, 24], | 1088 "bounds": [75, 24], |
920 "contentsOpaque": true, | 1089 "contentsOpaque": true, |
921 "drawsContent": true, | 1090 "drawsContent": true, |
922 "backgroundColor": "#0000FF" | 1091 "backgroundColor": "#0000FF" |
923 }, | 1092 }, |
924 { | 1093 { |
| 1094 "name": "Squashing Layer (first squashed layer: LayoutBlockFlow (r
elative positioned) DIV id='scrolled-fixed-sibling' class='scrolled onTop')", |
925 "position": [136, 253], | 1095 "position": [136, 253], |
926 "bounds": [75, 80], | 1096 "bounds": [75, 80], |
927 "drawsContent": true | 1097 "drawsContent": true |
928 } | 1098 } |
929 ] | 1099 ] |
930 }, | 1100 }, |
931 { | 1101 { |
| 1102 "name": "Squashing Containment Layer", |
932 "shouldFlattenTransform": false, | 1103 "shouldFlattenTransform": false, |
933 "children": [ | 1104 "children": [ |
934 { | 1105 { |
| 1106 "name": "LayoutBlockFlow (relative positioned) DIV id='scrolled-fi
xed-grandchildren' class='scrolled onTop'", |
935 "position": [256, 197], | 1107 "position": [256, 197], |
936 "bounds": [75, 24], | 1108 "bounds": [75, 24], |
937 "contentsOpaque": true, | 1109 "contentsOpaque": true, |
938 "drawsContent": true, | 1110 "drawsContent": true, |
939 "backgroundColor": "#0000FF" | 1111 "backgroundColor": "#0000FF" |
940 }, | 1112 }, |
941 { | 1113 { |
| 1114 "name": "Squashing Layer (first squashed layer: LayoutBlockFlow (r
elative positioned) DIV id='scrolled-fixed-grandchildren' class='scrolled onTop'
)", |
942 "position": [256, 253], | 1115 "position": [256, 253], |
943 "bounds": [75, 80], | 1116 "bounds": [75, 80], |
944 "drawsContent": true | 1117 "drawsContent": true |
945 } | 1118 } |
946 ] | 1119 ] |
947 }, | 1120 }, |
948 { | 1121 { |
| 1122 "name": "Squashing Containment Layer", |
949 "shouldFlattenTransform": false, | 1123 "shouldFlattenTransform": false, |
950 "children": [ | 1124 "children": [ |
951 { | 1125 { |
| 1126 "name": "LayoutBlockFlow (relative positioned) DIV id='scrolled-fi
xed' class='scrolled onTop'", |
952 "position": [376, 197], | 1127 "position": [376, 197], |
953 "bounds": [75, 24], | 1128 "bounds": [75, 24], |
954 "contentsOpaque": true, | 1129 "contentsOpaque": true, |
955 "drawsContent": true, | 1130 "drawsContent": true, |
956 "backgroundColor": "#0000FF" | 1131 "backgroundColor": "#0000FF" |
957 }, | 1132 }, |
958 { | 1133 { |
| 1134 "name": "Squashing Layer (first squashed layer: LayoutBlockFlow (r
elative positioned) DIV id='scrolled-fixed' class='scrolled onTop')", |
959 "position": [376, 253], | 1135 "position": [376, 253], |
960 "bounds": [75, 80], | 1136 "bounds": [75, 80], |
961 "drawsContent": true | 1137 "drawsContent": true |
962 } | 1138 } |
963 ] | 1139 ] |
964 } | 1140 } |
965 ] | 1141 ] |
966 } | 1142 } |
967 ] | 1143 ] |
968 } | 1144 } |
969 | 1145 |
OLD | NEW |