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 1 and 2, an
d its scrolling block selection layer (the child of the scrolling contents layer
) draws content only on iteration 3. 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 1 and 2, an
d its scrolling block selection layer (the child of the scrolling contents layer
) draws content only on iteration 3. 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, 80], | 28 "position": [8, 80], |
26 "bounds": [300, 500], | 29 "bounds": [300, 500], |
27 "contentsOpaque": true, | 30 "contentsOpaque": true, |
28 "shouldFlattenTransform": false, | 31 "shouldFlattenTransform": false, |
29 "drawsContent": true, | 32 "drawsContent": true, |
30 "backgroundColor": "#0000FF", | 33 "backgroundColor": "#0000FF", |
31 "children": [ | 34 "children": [ |
32 { | 35 { |
| 36 "name": "Scrolling Layer", |
33 "bounds": [285, 485], | 37 "bounds": [285, 485], |
34 "shouldFlattenTransform": false, | 38 "shouldFlattenTransform": false, |
35 "children": [ | 39 "children": [ |
36 { | 40 { |
| 41 "name": "Scrolling Contents Layer", |
37 "bounds": [285, 665], | 42 "bounds": [285, 665], |
38 "drawsContent": true | 43 "drawsContent": true |
39 } | 44 } |
40 ] | 45 ] |
41 }, | 46 }, |
42 { | 47 { |
| 48 "name": "Overflow Controls Host Layer", |
43 "bounds": [300, 500], | 49 "bounds": [300, 500], |
44 "children": [ | 50 "children": [ |
45 { | 51 { |
| 52 "name": "Horizontal Scrollbar Layer", |
46 "position": [0, 485], | 53 "position": [0, 485], |
47 "bounds": [285, 15] | 54 "bounds": [285, 15] |
48 }, | 55 }, |
49 { | 56 { |
| 57 "name": "Vertical Scrollbar Layer", |
50 "position": [285, 0], | 58 "position": [285, 0], |
51 "bounds": [15, 485] | 59 "bounds": [15, 485] |
52 }, | 60 }, |
53 { | 61 { |
| 62 "name": "Scroll Corner Layer", |
54 "position": [285, 485], | 63 "position": [285, 485], |
55 "bounds": [15, 15], | 64 "bounds": [15, 15], |
56 "drawsContent": true | 65 "drawsContent": true |
57 } | 66 } |
58 ] | 67 ] |
59 } | 68 } |
60 ] | 69 ] |
61 }, | 70 }, |
62 { | 71 { |
| 72 "name": "LayoutBlockFlow DIV class='scrolled'", |
63 "position": [23, 95], | 73 "position": [23, 95], |
64 "bounds": [100, 50], | 74 "bounds": [100, 50], |
65 "contentsOpaque": true, | 75 "contentsOpaque": true, |
66 "drawsContent": true, | 76 "drawsContent": true, |
67 "backgroundColor": "#FFA500" | 77 "backgroundColor": "#FFA500" |
68 }, | 78 }, |
69 { | 79 { |
| 80 "name": "LayoutBlockFlow DIV class='scrolled'", |
70 "position": [23, 160], | 81 "position": [23, 160], |
71 "bounds": [100, 50], | 82 "bounds": [100, 50], |
72 "contentsOpaque": true, | 83 "contentsOpaque": true, |
73 "drawsContent": true, | 84 "drawsContent": true, |
74 "backgroundColor": "#FFA500" | 85 "backgroundColor": "#FFA500" |
75 }, | 86 }, |
76 { | 87 { |
| 88 "name": "LayoutBlockFlow DIV id='selection' class='scrolled'", |
77 "position": [23, 225], | 89 "position": [23, 225], |
78 "bounds": [100, 50], | 90 "bounds": [100, 50], |
79 "contentsOpaque": true, | 91 "contentsOpaque": true, |
80 "drawsContent": true, | 92 "drawsContent": true, |
81 "backgroundColor": "#FFA500" | 93 "backgroundColor": "#FFA500" |
82 }, | 94 }, |
83 { | 95 { |
| 96 "name": "LayoutBlockFlow DIV class='scrolled'", |
84 "position": [23, 290], | 97 "position": [23, 290], |
85 "bounds": [100, 50], | 98 "bounds": [100, 50], |
86 "contentsOpaque": true, | 99 "contentsOpaque": true, |
87 "drawsContent": true, | 100 "drawsContent": true, |
88 "backgroundColor": "#FFA500" | 101 "backgroundColor": "#FFA500" |
89 }, | 102 }, |
90 { | 103 { |
| 104 "name": "LayoutBlockFlow DIV class='scrolled'", |
91 "position": [23, 355], | 105 "position": [23, 355], |
92 "bounds": [100, 50], | 106 "bounds": [100, 50], |
93 "contentsOpaque": true, | 107 "contentsOpaque": true, |
94 "drawsContent": true, | 108 "drawsContent": true, |
95 "backgroundColor": "#FFA500" | 109 "backgroundColor": "#FFA500" |
96 }, | 110 }, |
97 { | 111 { |
| 112 "name": "LayoutBlockFlow DIV class='scrolled'", |
98 "position": [23, 420], | 113 "position": [23, 420], |
99 "bounds": [100, 50], | 114 "bounds": [100, 50], |
100 "contentsOpaque": true, | 115 "contentsOpaque": true, |
101 "drawsContent": true, | 116 "drawsContent": true, |
102 "backgroundColor": "#FFA500" | 117 "backgroundColor": "#FFA500" |
103 }, | 118 }, |
104 { | 119 { |
| 120 "name": "LayoutBlockFlow DIV class='scrolled'", |
105 "position": [23, 485], | 121 "position": [23, 485], |
106 "bounds": [100, 50], | 122 "bounds": [100, 50], |
107 "contentsOpaque": true, | 123 "contentsOpaque": true, |
108 "drawsContent": true, | 124 "drawsContent": true, |
109 "backgroundColor": "#FFA500" | 125 "backgroundColor": "#FFA500" |
110 }, | 126 }, |
111 { | 127 { |
| 128 "name": "LayoutBlockFlow DIV class='scrolled'", |
112 "position": [23, 550], | 129 "position": [23, 550], |
113 "bounds": [100, 50], | 130 "bounds": [100, 50], |
114 "contentsOpaque": true, | 131 "contentsOpaque": true, |
115 "drawsContent": true, | 132 "drawsContent": true, |
116 "backgroundColor": "#FFA500" | 133 "backgroundColor": "#FFA500" |
117 }, | 134 }, |
118 { | 135 { |
| 136 "name": "LayoutBlockFlow DIV class='scrolled'", |
119 "position": [23, 615], | 137 "position": [23, 615], |
120 "bounds": [100, 50], | 138 "bounds": [100, 50], |
121 "contentsOpaque": true, | 139 "contentsOpaque": true, |
122 "drawsContent": true, | 140 "drawsContent": true, |
123 "backgroundColor": "#FFA500" | 141 "backgroundColor": "#FFA500" |
124 }, | 142 }, |
125 { | 143 { |
| 144 "name": "LayoutBlockFlow DIV class='scrolled'", |
126 "position": [23, 680], | 145 "position": [23, 680], |
127 "bounds": [100, 50], | 146 "bounds": [100, 50], |
128 "contentsOpaque": true, | 147 "contentsOpaque": true, |
129 "drawsContent": true, | 148 "drawsContent": true, |
130 "backgroundColor": "#FFA500" | 149 "backgroundColor": "#FFA500" |
131 } | 150 } |
132 ] | 151 ] |
133 } | 152 } |
134 ] | 153 ] |
135 } | 154 } |
136 | 155 |
137 | 156 |
138 *** iteration 2: *** | 157 *** iteration 2: *** |
139 | 158 |
140 { | 159 { |
141 "bounds": [785, 2466], | 160 "name": "Content Root Layer", |
| 161 "bounds": [785, 2751], |
142 "children": [ | 162 "children": [ |
143 { | 163 { |
144 "bounds": [785, 2466], | 164 "name": "LayoutView #document", |
| 165 "bounds": [785, 2751], |
145 "contentsOpaque": true, | 166 "contentsOpaque": true, |
146 "drawsContent": true, | 167 "drawsContent": true, |
147 "children": [ | 168 "children": [ |
148 { | 169 { |
| 170 "name": "LayoutBlockFlow DIV id='container'", |
149 "position": [8, 80], | 171 "position": [8, 80], |
150 "bounds": [300, 500], | 172 "bounds": [300, 500], |
151 "contentsOpaque": true, | 173 "contentsOpaque": true, |
152 "shouldFlattenTransform": false, | 174 "shouldFlattenTransform": false, |
153 "drawsContent": true, | 175 "drawsContent": true, |
154 "backgroundColor": "#0000FF", | 176 "backgroundColor": "#0000FF", |
155 "children": [ | 177 "children": [ |
156 { | 178 { |
| 179 "name": "Scrolling Layer", |
157 "bounds": [285, 485], | 180 "bounds": [285, 485], |
158 "shouldFlattenTransform": false, | 181 "shouldFlattenTransform": false, |
159 "children": [ | 182 "children": [ |
160 { | 183 { |
| 184 "name": "Scrolling Contents Layer", |
161 "bounds": [285, 665], | 185 "bounds": [285, 665], |
162 "drawsContent": true | 186 "drawsContent": true |
163 } | 187 } |
164 ] | 188 ] |
165 }, | 189 }, |
166 { | 190 { |
| 191 "name": "Overflow Controls Host Layer", |
167 "bounds": [300, 500], | 192 "bounds": [300, 500], |
168 "children": [ | 193 "children": [ |
169 { | 194 { |
| 195 "name": "Horizontal Scrollbar Layer", |
170 "position": [0, 485], | 196 "position": [0, 485], |
171 "bounds": [285, 15] | 197 "bounds": [285, 15] |
172 }, | 198 }, |
173 { | 199 { |
| 200 "name": "Vertical Scrollbar Layer", |
174 "position": [285, 0], | 201 "position": [285, 0], |
175 "bounds": [15, 485] | 202 "bounds": [15, 485] |
176 }, | 203 }, |
177 { | 204 { |
| 205 "name": "Scroll Corner Layer", |
178 "position": [285, 485], | 206 "position": [285, 485], |
179 "bounds": [15, 15], | 207 "bounds": [15, 15], |
180 "drawsContent": true | 208 "drawsContent": true |
181 } | 209 } |
182 ] | 210 ] |
183 } | 211 } |
184 ] | 212 ] |
185 }, | 213 }, |
186 { | 214 { |
| 215 "name": "LayoutBlockFlow DIV class='scrolled'", |
187 "position": [23, 95], | 216 "position": [23, 95], |
188 "bounds": [100, 50], | 217 "bounds": [100, 50], |
189 "contentsOpaque": true, | 218 "contentsOpaque": true, |
190 "drawsContent": true, | 219 "drawsContent": true, |
191 "backgroundColor": "#FFA500" | 220 "backgroundColor": "#FFA500" |
192 }, | 221 }, |
193 { | 222 { |
| 223 "name": "LayoutBlockFlow DIV class='scrolled'", |
194 "position": [23, 160], | 224 "position": [23, 160], |
195 "bounds": [100, 50], | 225 "bounds": [100, 50], |
196 "contentsOpaque": true, | 226 "contentsOpaque": true, |
197 "drawsContent": true, | 227 "drawsContent": true, |
198 "backgroundColor": "#FFA500" | 228 "backgroundColor": "#FFA500" |
199 }, | 229 }, |
200 { | 230 { |
| 231 "name": "LayoutBlockFlow DIV id='selection' class='scrolled'", |
201 "position": [23, 225], | 232 "position": [23, 225], |
202 "bounds": [100, 50], | 233 "bounds": [100, 50], |
203 "contentsOpaque": true, | 234 "contentsOpaque": true, |
204 "drawsContent": true, | 235 "drawsContent": true, |
205 "backgroundColor": "#FFA500" | 236 "backgroundColor": "#FFA500" |
206 }, | 237 }, |
207 { | 238 { |
| 239 "name": "LayoutBlockFlow DIV class='scrolled'", |
208 "position": [23, 290], | 240 "position": [23, 290], |
209 "bounds": [100, 50], | 241 "bounds": [100, 50], |
210 "contentsOpaque": true, | 242 "contentsOpaque": true, |
211 "drawsContent": true, | 243 "drawsContent": true, |
212 "backgroundColor": "#FFA500" | 244 "backgroundColor": "#FFA500" |
213 }, | 245 }, |
214 { | 246 { |
| 247 "name": "LayoutBlockFlow DIV class='scrolled'", |
215 "position": [23, 355], | 248 "position": [23, 355], |
216 "bounds": [100, 50], | 249 "bounds": [100, 50], |
217 "contentsOpaque": true, | 250 "contentsOpaque": true, |
218 "drawsContent": true, | 251 "drawsContent": true, |
219 "backgroundColor": "#FFA500" | 252 "backgroundColor": "#FFA500" |
220 }, | 253 }, |
221 { | 254 { |
| 255 "name": "LayoutBlockFlow DIV class='scrolled'", |
222 "position": [23, 420], | 256 "position": [23, 420], |
223 "bounds": [100, 50], | 257 "bounds": [100, 50], |
224 "contentsOpaque": true, | 258 "contentsOpaque": true, |
225 "drawsContent": true, | 259 "drawsContent": true, |
226 "backgroundColor": "#FFA500" | 260 "backgroundColor": "#FFA500" |
227 }, | 261 }, |
228 { | 262 { |
| 263 "name": "LayoutBlockFlow DIV class='scrolled'", |
229 "position": [23, 485], | 264 "position": [23, 485], |
230 "bounds": [100, 50], | 265 "bounds": [100, 50], |
231 "contentsOpaque": true, | 266 "contentsOpaque": true, |
232 "drawsContent": true, | 267 "drawsContent": true, |
233 "backgroundColor": "#FFA500" | 268 "backgroundColor": "#FFA500" |
234 }, | 269 }, |
235 { | 270 { |
| 271 "name": "LayoutBlockFlow DIV class='scrolled'", |
236 "position": [23, 550], | 272 "position": [23, 550], |
237 "bounds": [100, 50], | 273 "bounds": [100, 50], |
238 "contentsOpaque": true, | 274 "contentsOpaque": true, |
239 "drawsContent": true, | 275 "drawsContent": true, |
240 "backgroundColor": "#FFA500" | 276 "backgroundColor": "#FFA500" |
241 }, | 277 }, |
242 { | 278 { |
| 279 "name": "LayoutBlockFlow DIV class='scrolled'", |
243 "position": [23, 615], | 280 "position": [23, 615], |
244 "bounds": [100, 50], | 281 "bounds": [100, 50], |
245 "contentsOpaque": true, | 282 "contentsOpaque": true, |
246 "drawsContent": true, | 283 "drawsContent": true, |
247 "backgroundColor": "#FFA500" | 284 "backgroundColor": "#FFA500" |
248 }, | 285 }, |
249 { | 286 { |
| 287 "name": "LayoutBlockFlow DIV class='scrolled'", |
250 "position": [23, 680], | 288 "position": [23, 680], |
251 "bounds": [100, 50], | 289 "bounds": [100, 50], |
252 "contentsOpaque": true, | 290 "contentsOpaque": true, |
253 "drawsContent": true, | 291 "drawsContent": true, |
254 "backgroundColor": "#FFA500" | 292 "backgroundColor": "#FFA500" |
255 } | 293 } |
256 ] | 294 ] |
257 } | 295 } |
258 ] | 296 ] |
259 } | 297 } |
260 | 298 |
261 | 299 |
262 *** iteration 3: *** | 300 *** iteration 3: *** |
263 | 301 |
264 { | 302 { |
265 "bounds": [785, 4326], | 303 "name": "Content Root Layer", |
| 304 "bounds": [785, 4896], |
266 "children": [ | 305 "children": [ |
267 { | 306 { |
268 "bounds": [785, 4326], | 307 "name": "LayoutView #document", |
| 308 "bounds": [785, 4896], |
269 "contentsOpaque": true, | 309 "contentsOpaque": true, |
270 "drawsContent": true, | 310 "drawsContent": true, |
271 "children": [ | 311 "children": [ |
272 { | 312 { |
| 313 "name": "LayoutBlockFlow DIV id='container'", |
273 "position": [8, 80], | 314 "position": [8, 80], |
274 "bounds": [300, 500], | 315 "bounds": [300, 500], |
275 "shouldFlattenTransform": false, | 316 "shouldFlattenTransform": false, |
276 "drawsContent": true, | 317 "drawsContent": true, |
277 "children": [ | 318 "children": [ |
278 { | 319 { |
| 320 "name": "Scrolling Layer", |
279 "bounds": [285, 485], | 321 "bounds": [285, 485], |
280 "shouldFlattenTransform": false, | 322 "shouldFlattenTransform": false, |
281 "children": [ | 323 "children": [ |
282 { | 324 { |
| 325 "name": "Scrolling Contents Layer", |
283 "bounds": [285, 665] | 326 "bounds": [285, 665] |
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, 95], | 356 "position": [23, 95], |
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, 160], | 364 "position": [23, 160], |
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, 225], | 372 "position": [23, 225], |
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, 290], | 380 "position": [23, 290], |
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, 355], | 388 "position": [23, 355], |
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, 420], | 396 "position": [23, 420], |
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, 485], | 404 "position": [23, 485], |
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, 550], | 412 "position": [23, 550], |
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, 615], | 420 "position": [23, 615], |
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, 680], | 428 "position": [23, 680], |
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, 6141], | 443 "name": "Content Root Layer", |
| 444 "bounds": [785, 6996], |
387 "children": [ | 445 "children": [ |
388 { | 446 { |
389 "bounds": [785, 6141], | 447 "name": "LayoutView #document", |
| 448 "bounds": [785, 6996], |
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, 80], | 454 "position": [8, 80], |
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, 95], | 496 "position": [23, 95], |
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, 160], | 504 "position": [23, 160], |
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, 225], | 512 "position": [23, 225], |
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, 290], | 520 "position": [23, 290], |
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, 355], | 528 "position": [23, 355], |
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, 420], | 536 "position": [23, 420], |
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, 485], | 544 "position": [23, 485], |
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, 550], | 552 "position": [23, 550], |
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, 615], | 560 "position": [23, 615], |
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, 680], | 568 "position": [23, 680], |
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 |