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

Issues Search
    My Issues | Starred     Open | Closed | All

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

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

Powered by Google App Engine
This is Rietveld 408576698