OLD | NEW |
1 This test passes if the container's scrolling contents layer (the first child of
the GraphicsLayer with 4 children) draws content only on iterations 2 and 3, an
d its scrolling block selection layer (the child of the scrolling contents layer
) draws content only on iteration 4. The scrolling block selection layer should
also be much smaller than the scrolling contents layer. | 1 This test passes if the container's scrolling contents layer (the first child of
the GraphicsLayer with 4 children) draws content only on iterations 2 and 3, an
d its scrolling block selection layer (the child of the scrolling contents layer
) draws content only on iteration 4. The scrolling block selection layer should
also be much smaller than the scrolling contents layer. |
2 Lorem Ipsum | 2 Lorem Ipsum |
3 Lorem Ipsum | 3 Lorem Ipsum |
4 Lorem Ipsum | 4 Lorem Ipsum |
5 Lorem Ipsum | 5 Lorem Ipsum |
6 Lorem Ipsum | 6 Lorem Ipsum |
7 Lorem Ipsum | 7 Lorem Ipsum |
8 Lorem Ipsum | 8 Lorem Ipsum |
9 Lorem Ipsum | 9 Lorem Ipsum |
10 Lorem Ipsum | 10 Lorem Ipsum |
11 Lorem Ipsum | 11 Lorem Ipsum |
12 | 12 |
13 | 13 |
14 *** iteration 1: *** | 14 *** iteration 1: *** |
15 | 15 |
16 { | 16 { |
| 17 "name": "Content Root Layer", |
17 "bounds": [800, 600], | 18 "bounds": [800, 600], |
18 "children": [ | 19 "children": [ |
19 { | 20 { |
| 21 "name": "LayoutView #document", |
20 "bounds": [800, 600], | 22 "bounds": [800, 600], |
21 "contentsOpaque": true, | 23 "contentsOpaque": true, |
22 "drawsContent": true, | 24 "drawsContent": true, |
23 "children": [ | 25 "children": [ |
24 { | 26 { |
| 27 "name": "LayoutBlockFlow DIV id='container'", |
25 "position": [8, 68], | 28 "position": [8, 68], |
26 "bounds": [300, 500], | 29 "bounds": [300, 500], |
27 "shouldFlattenTransform": false, | 30 "shouldFlattenTransform": false, |
28 "drawsContent": true, | 31 "drawsContent": true, |
29 "children": [ | 32 "children": [ |
30 { | 33 { |
| 34 "name": "Scrolling Layer", |
31 "bounds": [285, 485], | 35 "bounds": [285, 485], |
32 "shouldFlattenTransform": false, | 36 "shouldFlattenTransform": false, |
33 "children": [ | 37 "children": [ |
34 { | 38 { |
| 39 "name": "Scrolling Contents Layer", |
35 "bounds": [285, 665] | 40 "bounds": [285, 665] |
36 } | 41 } |
37 ] | 42 ] |
38 }, | 43 }, |
39 { | 44 { |
| 45 "name": "Overflow Controls Host Layer", |
40 "bounds": [300, 500], | 46 "bounds": [300, 500], |
41 "children": [ | 47 "children": [ |
42 { | 48 { |
| 49 "name": "Horizontal Scrollbar Layer", |
43 "position": [0, 485], | 50 "position": [0, 485], |
44 "bounds": [285, 15] | 51 "bounds": [285, 15] |
45 }, | 52 }, |
46 { | 53 { |
| 54 "name": "Vertical Scrollbar Layer", |
47 "position": [285, 0], | 55 "position": [285, 0], |
48 "bounds": [15, 485] | 56 "bounds": [15, 485] |
49 }, | 57 }, |
50 { | 58 { |
| 59 "name": "Scroll Corner Layer", |
51 "position": [285, 485], | 60 "position": [285, 485], |
52 "bounds": [15, 15], | 61 "bounds": [15, 15], |
53 "drawsContent": true | 62 "drawsContent": true |
54 } | 63 } |
55 ] | 64 ] |
56 } | 65 } |
57 ] | 66 ] |
58 }, | 67 }, |
59 { | 68 { |
| 69 "name": "LayoutBlockFlow DIV class='scrolled'", |
60 "position": [23, 83], | 70 "position": [23, 83], |
61 "bounds": [100, 50], | 71 "bounds": [100, 50], |
62 "contentsOpaque": true, | 72 "contentsOpaque": true, |
63 "drawsContent": true, | 73 "drawsContent": true, |
64 "backgroundColor": "#FFA500" | 74 "backgroundColor": "#FFA500" |
65 }, | 75 }, |
66 { | 76 { |
| 77 "name": "LayoutBlockFlow DIV class='scrolled'", |
67 "position": [23, 148], | 78 "position": [23, 148], |
68 "bounds": [100, 50], | 79 "bounds": [100, 50], |
69 "contentsOpaque": true, | 80 "contentsOpaque": true, |
70 "drawsContent": true, | 81 "drawsContent": true, |
71 "backgroundColor": "#FFA500" | 82 "backgroundColor": "#FFA500" |
72 }, | 83 }, |
73 { | 84 { |
| 85 "name": "LayoutBlockFlow DIV id='selection' class='scrolled'", |
74 "position": [23, 213], | 86 "position": [23, 213], |
75 "bounds": [100, 50], | 87 "bounds": [100, 50], |
76 "contentsOpaque": true, | 88 "contentsOpaque": true, |
77 "drawsContent": true, | 89 "drawsContent": true, |
78 "backgroundColor": "#FFA500" | 90 "backgroundColor": "#FFA500" |
79 }, | 91 }, |
80 { | 92 { |
| 93 "name": "LayoutBlockFlow DIV class='scrolled'", |
81 "position": [23, 278], | 94 "position": [23, 278], |
82 "bounds": [100, 50], | 95 "bounds": [100, 50], |
83 "contentsOpaque": true, | 96 "contentsOpaque": true, |
84 "drawsContent": true, | 97 "drawsContent": true, |
85 "backgroundColor": "#FFA500" | 98 "backgroundColor": "#FFA500" |
86 }, | 99 }, |
87 { | 100 { |
| 101 "name": "LayoutBlockFlow DIV class='scrolled'", |
88 "position": [23, 343], | 102 "position": [23, 343], |
89 "bounds": [100, 50], | 103 "bounds": [100, 50], |
90 "contentsOpaque": true, | 104 "contentsOpaque": true, |
91 "drawsContent": true, | 105 "drawsContent": true, |
92 "backgroundColor": "#FFA500" | 106 "backgroundColor": "#FFA500" |
93 }, | 107 }, |
94 { | 108 { |
| 109 "name": "LayoutBlockFlow DIV class='scrolled'", |
95 "position": [23, 408], | 110 "position": [23, 408], |
96 "bounds": [100, 50], | 111 "bounds": [100, 50], |
97 "contentsOpaque": true, | 112 "contentsOpaque": true, |
98 "drawsContent": true, | 113 "drawsContent": true, |
99 "backgroundColor": "#FFA500" | 114 "backgroundColor": "#FFA500" |
100 }, | 115 }, |
101 { | 116 { |
| 117 "name": "LayoutBlockFlow DIV class='scrolled'", |
102 "position": [23, 473], | 118 "position": [23, 473], |
103 "bounds": [100, 50], | 119 "bounds": [100, 50], |
104 "contentsOpaque": true, | 120 "contentsOpaque": true, |
105 "drawsContent": true, | 121 "drawsContent": true, |
106 "backgroundColor": "#FFA500" | 122 "backgroundColor": "#FFA500" |
107 }, | 123 }, |
108 { | 124 { |
| 125 "name": "LayoutBlockFlow DIV class='scrolled'", |
109 "position": [23, 538], | 126 "position": [23, 538], |
110 "bounds": [100, 50], | 127 "bounds": [100, 50], |
111 "contentsOpaque": true, | 128 "contentsOpaque": true, |
112 "drawsContent": true, | 129 "drawsContent": true, |
113 "backgroundColor": "#FFA500" | 130 "backgroundColor": "#FFA500" |
114 }, | 131 }, |
115 { | 132 { |
| 133 "name": "LayoutBlockFlow DIV class='scrolled'", |
116 "position": [23, 603], | 134 "position": [23, 603], |
117 "bounds": [100, 50], | 135 "bounds": [100, 50], |
118 "contentsOpaque": true, | 136 "contentsOpaque": true, |
119 "drawsContent": true, | 137 "drawsContent": true, |
120 "backgroundColor": "#FFA500" | 138 "backgroundColor": "#FFA500" |
121 }, | 139 }, |
122 { | 140 { |
| 141 "name": "LayoutBlockFlow DIV class='scrolled'", |
123 "position": [23, 668], | 142 "position": [23, 668], |
124 "bounds": [100, 50], | 143 "bounds": [100, 50], |
125 "contentsOpaque": true, | 144 "contentsOpaque": true, |
126 "drawsContent": true, | 145 "drawsContent": true, |
127 "backgroundColor": "#FFA500" | 146 "backgroundColor": "#FFA500" |
128 } | 147 } |
129 ] | 148 ] |
130 } | 149 } |
131 ] | 150 ] |
132 } | 151 } |
133 | 152 |
134 | 153 |
135 *** iteration 2: *** | 154 *** iteration 2: *** |
136 | 155 |
137 { | 156 { |
138 "bounds": [785, 2530], | 157 "name": "Content Root Layer", |
| 158 "bounds": [785, 2834], |
139 "children": [ | 159 "children": [ |
140 { | 160 { |
141 "bounds": [785, 2530], | 161 "name": "LayoutView #document", |
| 162 "bounds": [785, 2834], |
142 "contentsOpaque": true, | 163 "contentsOpaque": true, |
143 "drawsContent": true, | 164 "drawsContent": true, |
144 "children": [ | 165 "children": [ |
145 { | 166 { |
| 167 "name": "LayoutBlockFlow DIV id='container'", |
146 "position": [8, 68], | 168 "position": [8, 68], |
147 "bounds": [300, 500], | 169 "bounds": [300, 500], |
148 "contentsOpaque": true, | 170 "contentsOpaque": true, |
149 "shouldFlattenTransform": false, | 171 "shouldFlattenTransform": false, |
150 "drawsContent": true, | 172 "drawsContent": true, |
151 "backgroundColor": "#0000FF", | 173 "backgroundColor": "#0000FF", |
152 "children": [ | 174 "children": [ |
153 { | 175 { |
| 176 "name": "Scrolling Layer", |
154 "bounds": [285, 485], | 177 "bounds": [285, 485], |
155 "shouldFlattenTransform": false, | 178 "shouldFlattenTransform": false, |
156 "children": [ | 179 "children": [ |
157 { | 180 { |
| 181 "name": "Scrolling Contents Layer", |
158 "bounds": [285, 665], | 182 "bounds": [285, 665], |
159 "drawsContent": true | 183 "drawsContent": true |
160 } | 184 } |
161 ] | 185 ] |
162 }, | 186 }, |
163 { | 187 { |
| 188 "name": "Overflow Controls Host Layer", |
164 "bounds": [300, 500], | 189 "bounds": [300, 500], |
165 "children": [ | 190 "children": [ |
166 { | 191 { |
| 192 "name": "Horizontal Scrollbar Layer", |
167 "position": [0, 485], | 193 "position": [0, 485], |
168 "bounds": [285, 15] | 194 "bounds": [285, 15] |
169 }, | 195 }, |
170 { | 196 { |
| 197 "name": "Vertical Scrollbar Layer", |
171 "position": [285, 0], | 198 "position": [285, 0], |
172 "bounds": [15, 485] | 199 "bounds": [15, 485] |
173 }, | 200 }, |
174 { | 201 { |
| 202 "name": "Scroll Corner Layer", |
175 "position": [285, 485], | 203 "position": [285, 485], |
176 "bounds": [15, 15], | 204 "bounds": [15, 15], |
177 "drawsContent": true | 205 "drawsContent": true |
178 } | 206 } |
179 ] | 207 ] |
180 } | 208 } |
181 ] | 209 ] |
182 }, | 210 }, |
183 { | 211 { |
| 212 "name": "LayoutBlockFlow DIV class='scrolled'", |
184 "position": [23, 83], | 213 "position": [23, 83], |
185 "bounds": [100, 50], | 214 "bounds": [100, 50], |
186 "contentsOpaque": true, | 215 "contentsOpaque": true, |
187 "drawsContent": true, | 216 "drawsContent": true, |
188 "backgroundColor": "#FFA500" | 217 "backgroundColor": "#FFA500" |
189 }, | 218 }, |
190 { | 219 { |
| 220 "name": "LayoutBlockFlow DIV class='scrolled'", |
191 "position": [23, 148], | 221 "position": [23, 148], |
192 "bounds": [100, 50], | 222 "bounds": [100, 50], |
193 "contentsOpaque": true, | 223 "contentsOpaque": true, |
194 "drawsContent": true, | 224 "drawsContent": true, |
195 "backgroundColor": "#FFA500" | 225 "backgroundColor": "#FFA500" |
196 }, | 226 }, |
197 { | 227 { |
| 228 "name": "LayoutBlockFlow DIV id='selection' class='scrolled'", |
198 "position": [23, 213], | 229 "position": [23, 213], |
199 "bounds": [100, 50], | 230 "bounds": [100, 50], |
200 "contentsOpaque": true, | 231 "contentsOpaque": true, |
201 "drawsContent": true, | 232 "drawsContent": true, |
202 "backgroundColor": "#FFA500" | 233 "backgroundColor": "#FFA500" |
203 }, | 234 }, |
204 { | 235 { |
| 236 "name": "LayoutBlockFlow DIV class='scrolled'", |
205 "position": [23, 278], | 237 "position": [23, 278], |
206 "bounds": [100, 50], | 238 "bounds": [100, 50], |
207 "contentsOpaque": true, | 239 "contentsOpaque": true, |
208 "drawsContent": true, | 240 "drawsContent": true, |
209 "backgroundColor": "#FFA500" | 241 "backgroundColor": "#FFA500" |
210 }, | 242 }, |
211 { | 243 { |
| 244 "name": "LayoutBlockFlow DIV class='scrolled'", |
212 "position": [23, 343], | 245 "position": [23, 343], |
213 "bounds": [100, 50], | 246 "bounds": [100, 50], |
214 "contentsOpaque": true, | 247 "contentsOpaque": true, |
215 "drawsContent": true, | 248 "drawsContent": true, |
216 "backgroundColor": "#FFA500" | 249 "backgroundColor": "#FFA500" |
217 }, | 250 }, |
218 { | 251 { |
| 252 "name": "LayoutBlockFlow DIV class='scrolled'", |
219 "position": [23, 408], | 253 "position": [23, 408], |
220 "bounds": [100, 50], | 254 "bounds": [100, 50], |
221 "contentsOpaque": true, | 255 "contentsOpaque": true, |
222 "drawsContent": true, | 256 "drawsContent": true, |
223 "backgroundColor": "#FFA500" | 257 "backgroundColor": "#FFA500" |
224 }, | 258 }, |
225 { | 259 { |
| 260 "name": "LayoutBlockFlow DIV class='scrolled'", |
226 "position": [23, 473], | 261 "position": [23, 473], |
227 "bounds": [100, 50], | 262 "bounds": [100, 50], |
228 "contentsOpaque": true, | 263 "contentsOpaque": true, |
229 "drawsContent": true, | 264 "drawsContent": true, |
230 "backgroundColor": "#FFA500" | 265 "backgroundColor": "#FFA500" |
231 }, | 266 }, |
232 { | 267 { |
| 268 "name": "LayoutBlockFlow DIV class='scrolled'", |
233 "position": [23, 538], | 269 "position": [23, 538], |
234 "bounds": [100, 50], | 270 "bounds": [100, 50], |
235 "contentsOpaque": true, | 271 "contentsOpaque": true, |
236 "drawsContent": true, | 272 "drawsContent": true, |
237 "backgroundColor": "#FFA500" | 273 "backgroundColor": "#FFA500" |
238 }, | 274 }, |
239 { | 275 { |
| 276 "name": "LayoutBlockFlow DIV class='scrolled'", |
240 "position": [23, 603], | 277 "position": [23, 603], |
241 "bounds": [100, 50], | 278 "bounds": [100, 50], |
242 "contentsOpaque": true, | 279 "contentsOpaque": true, |
243 "drawsContent": true, | 280 "drawsContent": true, |
244 "backgroundColor": "#FFA500" | 281 "backgroundColor": "#FFA500" |
245 }, | 282 }, |
246 { | 283 { |
| 284 "name": "LayoutBlockFlow DIV class='scrolled'", |
247 "position": [23, 668], | 285 "position": [23, 668], |
248 "bounds": [100, 50], | 286 "bounds": [100, 50], |
249 "contentsOpaque": true, | 287 "contentsOpaque": true, |
250 "drawsContent": true, | 288 "drawsContent": true, |
251 "backgroundColor": "#FFA500" | 289 "backgroundColor": "#FFA500" |
252 } | 290 } |
253 ] | 291 ] |
254 } | 292 } |
255 ] | 293 ] |
256 } | 294 } |
257 | 295 |
258 | 296 |
259 *** iteration 3: *** | 297 *** iteration 3: *** |
260 | 298 |
261 { | 299 { |
262 "bounds": [785, 4514], | 300 "name": "Content Root Layer", |
| 301 "bounds": [785, 5122], |
263 "children": [ | 302 "children": [ |
264 { | 303 { |
265 "bounds": [785, 4514], | 304 "name": "LayoutView #document", |
| 305 "bounds": [785, 5122], |
266 "contentsOpaque": true, | 306 "contentsOpaque": true, |
267 "drawsContent": true, | 307 "drawsContent": true, |
268 "children": [ | 308 "children": [ |
269 { | 309 { |
| 310 "name": "LayoutBlockFlow DIV id='container'", |
270 "position": [8, 68], | 311 "position": [8, 68], |
271 "bounds": [300, 500], | 312 "bounds": [300, 500], |
272 "contentsOpaque": true, | 313 "contentsOpaque": true, |
273 "shouldFlattenTransform": false, | 314 "shouldFlattenTransform": false, |
274 "drawsContent": true, | 315 "drawsContent": true, |
275 "backgroundColor": "#0000FF", | 316 "backgroundColor": "#0000FF", |
276 "children": [ | 317 "children": [ |
277 { | 318 { |
| 319 "name": "Scrolling Layer", |
278 "bounds": [285, 485], | 320 "bounds": [285, 485], |
279 "shouldFlattenTransform": false, | 321 "shouldFlattenTransform": false, |
280 "children": [ | 322 "children": [ |
281 { | 323 { |
| 324 "name": "Scrolling Contents Layer", |
282 "bounds": [285, 665], | 325 "bounds": [285, 665], |
283 "drawsContent": true | 326 "drawsContent": true |
284 } | 327 } |
285 ] | 328 ] |
286 }, | 329 }, |
287 { | 330 { |
| 331 "name": "Overflow Controls Host Layer", |
288 "bounds": [300, 500], | 332 "bounds": [300, 500], |
289 "children": [ | 333 "children": [ |
290 { | 334 { |
| 335 "name": "Horizontal Scrollbar Layer", |
291 "position": [0, 485], | 336 "position": [0, 485], |
292 "bounds": [285, 15] | 337 "bounds": [285, 15] |
293 }, | 338 }, |
294 { | 339 { |
| 340 "name": "Vertical Scrollbar Layer", |
295 "position": [285, 0], | 341 "position": [285, 0], |
296 "bounds": [15, 485] | 342 "bounds": [15, 485] |
297 }, | 343 }, |
298 { | 344 { |
| 345 "name": "Scroll Corner Layer", |
299 "position": [285, 485], | 346 "position": [285, 485], |
300 "bounds": [15, 15], | 347 "bounds": [15, 15], |
301 "drawsContent": true | 348 "drawsContent": true |
302 } | 349 } |
303 ] | 350 ] |
304 } | 351 } |
305 ] | 352 ] |
306 }, | 353 }, |
307 { | 354 { |
| 355 "name": "LayoutBlockFlow DIV class='scrolled'", |
308 "position": [23, 83], | 356 "position": [23, 83], |
309 "bounds": [100, 50], | 357 "bounds": [100, 50], |
310 "contentsOpaque": true, | 358 "contentsOpaque": true, |
311 "drawsContent": true, | 359 "drawsContent": true, |
312 "backgroundColor": "#FFA500" | 360 "backgroundColor": "#FFA500" |
313 }, | 361 }, |
314 { | 362 { |
| 363 "name": "LayoutBlockFlow DIV class='scrolled'", |
315 "position": [23, 148], | 364 "position": [23, 148], |
316 "bounds": [100, 50], | 365 "bounds": [100, 50], |
317 "contentsOpaque": true, | 366 "contentsOpaque": true, |
318 "drawsContent": true, | 367 "drawsContent": true, |
319 "backgroundColor": "#FFA500" | 368 "backgroundColor": "#FFA500" |
320 }, | 369 }, |
321 { | 370 { |
| 371 "name": "LayoutBlockFlow DIV id='selection' class='scrolled'", |
322 "position": [23, 213], | 372 "position": [23, 213], |
323 "bounds": [100, 50], | 373 "bounds": [100, 50], |
324 "contentsOpaque": true, | 374 "contentsOpaque": true, |
325 "drawsContent": true, | 375 "drawsContent": true, |
326 "backgroundColor": "#FFA500" | 376 "backgroundColor": "#FFA500" |
327 }, | 377 }, |
328 { | 378 { |
| 379 "name": "LayoutBlockFlow DIV class='scrolled'", |
329 "position": [23, 278], | 380 "position": [23, 278], |
330 "bounds": [100, 50], | 381 "bounds": [100, 50], |
331 "contentsOpaque": true, | 382 "contentsOpaque": true, |
332 "drawsContent": true, | 383 "drawsContent": true, |
333 "backgroundColor": "#FFA500" | 384 "backgroundColor": "#FFA500" |
334 }, | 385 }, |
335 { | 386 { |
| 387 "name": "LayoutBlockFlow DIV class='scrolled'", |
336 "position": [23, 343], | 388 "position": [23, 343], |
337 "bounds": [100, 50], | 389 "bounds": [100, 50], |
338 "contentsOpaque": true, | 390 "contentsOpaque": true, |
339 "drawsContent": true, | 391 "drawsContent": true, |
340 "backgroundColor": "#FFA500" | 392 "backgroundColor": "#FFA500" |
341 }, | 393 }, |
342 { | 394 { |
| 395 "name": "LayoutBlockFlow DIV class='scrolled'", |
343 "position": [23, 408], | 396 "position": [23, 408], |
344 "bounds": [100, 50], | 397 "bounds": [100, 50], |
345 "contentsOpaque": true, | 398 "contentsOpaque": true, |
346 "drawsContent": true, | 399 "drawsContent": true, |
347 "backgroundColor": "#FFA500" | 400 "backgroundColor": "#FFA500" |
348 }, | 401 }, |
349 { | 402 { |
| 403 "name": "LayoutBlockFlow DIV class='scrolled'", |
350 "position": [23, 473], | 404 "position": [23, 473], |
351 "bounds": [100, 50], | 405 "bounds": [100, 50], |
352 "contentsOpaque": true, | 406 "contentsOpaque": true, |
353 "drawsContent": true, | 407 "drawsContent": true, |
354 "backgroundColor": "#FFA500" | 408 "backgroundColor": "#FFA500" |
355 }, | 409 }, |
356 { | 410 { |
| 411 "name": "LayoutBlockFlow DIV class='scrolled'", |
357 "position": [23, 538], | 412 "position": [23, 538], |
358 "bounds": [100, 50], | 413 "bounds": [100, 50], |
359 "contentsOpaque": true, | 414 "contentsOpaque": true, |
360 "drawsContent": true, | 415 "drawsContent": true, |
361 "backgroundColor": "#FFA500" | 416 "backgroundColor": "#FFA500" |
362 }, | 417 }, |
363 { | 418 { |
| 419 "name": "LayoutBlockFlow DIV class='scrolled'", |
364 "position": [23, 603], | 420 "position": [23, 603], |
365 "bounds": [100, 50], | 421 "bounds": [100, 50], |
366 "contentsOpaque": true, | 422 "contentsOpaque": true, |
367 "drawsContent": true, | 423 "drawsContent": true, |
368 "backgroundColor": "#FFA500" | 424 "backgroundColor": "#FFA500" |
369 }, | 425 }, |
370 { | 426 { |
| 427 "name": "LayoutBlockFlow DIV class='scrolled'", |
371 "position": [23, 668], | 428 "position": [23, 668], |
372 "bounds": [100, 50], | 429 "bounds": [100, 50], |
373 "contentsOpaque": true, | 430 "contentsOpaque": true, |
374 "drawsContent": true, | 431 "drawsContent": true, |
375 "backgroundColor": "#FFA500" | 432 "backgroundColor": "#FFA500" |
376 } | 433 } |
377 ] | 434 ] |
378 } | 435 } |
379 ] | 436 ] |
380 } | 437 } |
381 | 438 |
382 | 439 |
383 *** iteration 4: *** | 440 *** iteration 4: *** |
384 | 441 |
385 { | 442 { |
386 "bounds": [785, 6498], | 443 "name": "Content Root Layer", |
| 444 "bounds": [785, 7410], |
387 "children": [ | 445 "children": [ |
388 { | 446 { |
389 "bounds": [785, 6498], | 447 "name": "LayoutView #document", |
| 448 "bounds": [785, 7410], |
390 "contentsOpaque": true, | 449 "contentsOpaque": true, |
391 "drawsContent": true, | 450 "drawsContent": true, |
392 "children": [ | 451 "children": [ |
393 { | 452 { |
| 453 "name": "LayoutBlockFlow DIV id='container'", |
394 "position": [8, 68], | 454 "position": [8, 68], |
395 "bounds": [300, 500], | 455 "bounds": [300, 500], |
396 "shouldFlattenTransform": false, | 456 "shouldFlattenTransform": false, |
397 "drawsContent": true, | 457 "drawsContent": true, |
398 "children": [ | 458 "children": [ |
399 { | 459 { |
| 460 "name": "Scrolling Layer", |
400 "bounds": [285, 485], | 461 "bounds": [285, 485], |
401 "shouldFlattenTransform": false, | 462 "shouldFlattenTransform": false, |
402 "children": [ | 463 "children": [ |
403 { | 464 { |
| 465 "name": "Scrolling Contents Layer", |
404 "bounds": [285, 665] | 466 "bounds": [285, 665] |
405 } | 467 } |
406 ] | 468 ] |
407 }, | 469 }, |
408 { | 470 { |
| 471 "name": "Overflow Controls Host Layer", |
409 "bounds": [300, 500], | 472 "bounds": [300, 500], |
410 "children": [ | 473 "children": [ |
411 { | 474 { |
| 475 "name": "Horizontal Scrollbar Layer", |
412 "position": [0, 485], | 476 "position": [0, 485], |
413 "bounds": [285, 15] | 477 "bounds": [285, 15] |
414 }, | 478 }, |
415 { | 479 { |
| 480 "name": "Vertical Scrollbar Layer", |
416 "position": [285, 0], | 481 "position": [285, 0], |
417 "bounds": [15, 485] | 482 "bounds": [15, 485] |
418 }, | 483 }, |
419 { | 484 { |
| 485 "name": "Scroll Corner Layer", |
420 "position": [285, 485], | 486 "position": [285, 485], |
421 "bounds": [15, 15], | 487 "bounds": [15, 15], |
422 "drawsContent": true | 488 "drawsContent": true |
423 } | 489 } |
424 ] | 490 ] |
425 } | 491 } |
426 ] | 492 ] |
427 }, | 493 }, |
428 { | 494 { |
| 495 "name": "LayoutBlockFlow DIV class='scrolled'", |
429 "position": [23, 83], | 496 "position": [23, 83], |
430 "bounds": [100, 50], | 497 "bounds": [100, 50], |
431 "contentsOpaque": true, | 498 "contentsOpaque": true, |
432 "drawsContent": true, | 499 "drawsContent": true, |
433 "backgroundColor": "#FFA500" | 500 "backgroundColor": "#FFA500" |
434 }, | 501 }, |
435 { | 502 { |
| 503 "name": "LayoutBlockFlow DIV class='scrolled'", |
436 "position": [23, 148], | 504 "position": [23, 148], |
437 "bounds": [100, 50], | 505 "bounds": [100, 50], |
438 "contentsOpaque": true, | 506 "contentsOpaque": true, |
439 "drawsContent": true, | 507 "drawsContent": true, |
440 "backgroundColor": "#FFA500" | 508 "backgroundColor": "#FFA500" |
441 }, | 509 }, |
442 { | 510 { |
| 511 "name": "LayoutBlockFlow DIV id='selection' class='scrolled'", |
443 "position": [23, 213], | 512 "position": [23, 213], |
444 "bounds": [100, 50], | 513 "bounds": [100, 50], |
445 "contentsOpaque": true, | 514 "contentsOpaque": true, |
446 "drawsContent": true, | 515 "drawsContent": true, |
447 "backgroundColor": "#FFA500" | 516 "backgroundColor": "#FFA500" |
448 }, | 517 }, |
449 { | 518 { |
| 519 "name": "LayoutBlockFlow DIV class='scrolled'", |
450 "position": [23, 278], | 520 "position": [23, 278], |
451 "bounds": [100, 50], | 521 "bounds": [100, 50], |
452 "contentsOpaque": true, | 522 "contentsOpaque": true, |
453 "drawsContent": true, | 523 "drawsContent": true, |
454 "backgroundColor": "#FFA500" | 524 "backgroundColor": "#FFA500" |
455 }, | 525 }, |
456 { | 526 { |
| 527 "name": "LayoutBlockFlow DIV class='scrolled'", |
457 "position": [23, 343], | 528 "position": [23, 343], |
458 "bounds": [100, 50], | 529 "bounds": [100, 50], |
459 "contentsOpaque": true, | 530 "contentsOpaque": true, |
460 "drawsContent": true, | 531 "drawsContent": true, |
461 "backgroundColor": "#FFA500" | 532 "backgroundColor": "#FFA500" |
462 }, | 533 }, |
463 { | 534 { |
| 535 "name": "LayoutBlockFlow DIV class='scrolled'", |
464 "position": [23, 408], | 536 "position": [23, 408], |
465 "bounds": [100, 50], | 537 "bounds": [100, 50], |
466 "contentsOpaque": true, | 538 "contentsOpaque": true, |
467 "drawsContent": true, | 539 "drawsContent": true, |
468 "backgroundColor": "#FFA500" | 540 "backgroundColor": "#FFA500" |
469 }, | 541 }, |
470 { | 542 { |
| 543 "name": "LayoutBlockFlow DIV class='scrolled'", |
471 "position": [23, 473], | 544 "position": [23, 473], |
472 "bounds": [100, 50], | 545 "bounds": [100, 50], |
473 "contentsOpaque": true, | 546 "contentsOpaque": true, |
474 "drawsContent": true, | 547 "drawsContent": true, |
475 "backgroundColor": "#FFA500" | 548 "backgroundColor": "#FFA500" |
476 }, | 549 }, |
477 { | 550 { |
| 551 "name": "LayoutBlockFlow DIV class='scrolled'", |
478 "position": [23, 538], | 552 "position": [23, 538], |
479 "bounds": [100, 50], | 553 "bounds": [100, 50], |
480 "contentsOpaque": true, | 554 "contentsOpaque": true, |
481 "drawsContent": true, | 555 "drawsContent": true, |
482 "backgroundColor": "#FFA500" | 556 "backgroundColor": "#FFA500" |
483 }, | 557 }, |
484 { | 558 { |
| 559 "name": "LayoutBlockFlow DIV class='scrolled'", |
485 "position": [23, 603], | 560 "position": [23, 603], |
486 "bounds": [100, 50], | 561 "bounds": [100, 50], |
487 "contentsOpaque": true, | 562 "contentsOpaque": true, |
488 "drawsContent": true, | 563 "drawsContent": true, |
489 "backgroundColor": "#FFA500" | 564 "backgroundColor": "#FFA500" |
490 }, | 565 }, |
491 { | 566 { |
| 567 "name": "LayoutBlockFlow DIV class='scrolled'", |
492 "position": [23, 668], | 568 "position": [23, 668], |
493 "bounds": [100, 50], | 569 "bounds": [100, 50], |
494 "contentsOpaque": true, | 570 "contentsOpaque": true, |
495 "drawsContent": true, | 571 "drawsContent": true, |
496 "backgroundColor": "#FFA500" | 572 "backgroundColor": "#FFA500" |
497 } | 573 } |
498 ] | 574 ] |
499 } | 575 } |
500 ] | 576 ] |
501 } | 577 } |
502 | 578 |
OLD | NEW |