Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(42)

Side by Side Diff: third_party/WebKit/LayoutTests/compositing/overflow/universal-accelerated-overflow-scroll-expected.txt

Issue 2084643002: Auto-rebaseline for r400605 (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: Created 4 years, 6 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch
OLDNEW
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
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698