OLD | NEW |
| (Empty) |
1 This test passes if the container's scrolling contents layer (the first child of
the GraphicsLayer with 4 children) doesn't draw content at all, and its scrolli
ng block selection layer (the child of the scrolling contents layer) draws conte
nt only on iteration 2. The scrolling block selection layer should also be much
smaller than the scrolling contents layer. | |
2 Lorem Ipsum | |
3 Lorem Ipsum | |
4 Lorem Ipsum | |
5 Lorem Ipsum | |
6 Lorem Ipsum | |
7 Lorem Ipsum | |
8 Lorem Ipsum | |
9 Lorem Ipsum | |
10 Lorem Ipsum | |
11 Lorem Ipsum | |
12 | |
13 | |
14 *** iteration 1: *** | |
15 | |
16 { | |
17 "name": "Content Root Layer", | |
18 "bounds": [800, 600], | |
19 "children": [ | |
20 { | |
21 "name": "LayoutView #document", | |
22 "bounds": [800, 600], | |
23 "contentsOpaque": true, | |
24 "drawsContent": true, | |
25 "children": [ | |
26 { | |
27 "name": "LayoutBlockFlow DIV class='container'", | |
28 "position": [8, 68], | |
29 "bounds": [300, 500], | |
30 "shouldFlattenTransform": false, | |
31 "drawsContent": true, | |
32 "children": [ | |
33 { | |
34 "name": "Scrolling Layer", | |
35 "bounds": [285, 485], | |
36 "shouldFlattenTransform": false, | |
37 "children": [ | |
38 { | |
39 "name": "Scrolling Contents Layer", | |
40 "bounds": [285, 665] | |
41 } | |
42 ] | |
43 }, | |
44 { | |
45 "name": "Overflow Controls Host Layer", | |
46 "bounds": [300, 500], | |
47 "children": [ | |
48 { | |
49 "name": "Horizontal Scrollbar Layer", | |
50 "position": [0, 485], | |
51 "bounds": [285, 15] | |
52 }, | |
53 { | |
54 "name": "Vertical Scrollbar Layer", | |
55 "position": [285, 0], | |
56 "bounds": [15, 485] | |
57 }, | |
58 { | |
59 "name": "Scroll Corner Layer", | |
60 "position": [285, 485], | |
61 "bounds": [15, 15], | |
62 "drawsContent": true | |
63 } | |
64 ] | |
65 } | |
66 ] | |
67 }, | |
68 { | |
69 "name": "LayoutBlockFlow DIV class='scrolled'", | |
70 "position": [23, 83], | |
71 "bounds": [100, 50], | |
72 "contentsOpaque": true, | |
73 "drawsContent": true, | |
74 "backgroundColor": "#FFA500" | |
75 }, | |
76 { | |
77 "name": "LayoutBlockFlow DIV class='scrolled'", | |
78 "position": [23, 148], | |
79 "bounds": [100, 50], | |
80 "contentsOpaque": true, | |
81 "drawsContent": true, | |
82 "backgroundColor": "#FFA500" | |
83 }, | |
84 { | |
85 "name": "LayoutBlockFlow DIV id='selection' class='scrolled'", | |
86 "position": [23, 213], | |
87 "bounds": [100, 50], | |
88 "contentsOpaque": true, | |
89 "drawsContent": true, | |
90 "backgroundColor": "#FFA500" | |
91 }, | |
92 { | |
93 "name": "LayoutBlockFlow DIV class='scrolled'", | |
94 "position": [23, 278], | |
95 "bounds": [100, 50], | |
96 "contentsOpaque": true, | |
97 "drawsContent": true, | |
98 "backgroundColor": "#FFA500" | |
99 }, | |
100 { | |
101 "name": "LayoutBlockFlow DIV class='scrolled'", | |
102 "position": [23, 343], | |
103 "bounds": [100, 50], | |
104 "contentsOpaque": true, | |
105 "drawsContent": true, | |
106 "backgroundColor": "#FFA500" | |
107 }, | |
108 { | |
109 "name": "LayoutBlockFlow DIV class='scrolled'", | |
110 "position": [23, 408], | |
111 "bounds": [100, 50], | |
112 "contentsOpaque": true, | |
113 "drawsContent": true, | |
114 "backgroundColor": "#FFA500" | |
115 }, | |
116 { | |
117 "name": "LayoutBlockFlow DIV class='scrolled'", | |
118 "position": [23, 473], | |
119 "bounds": [100, 50], | |
120 "contentsOpaque": true, | |
121 "drawsContent": true, | |
122 "backgroundColor": "#FFA500" | |
123 }, | |
124 { | |
125 "name": "LayoutBlockFlow DIV class='scrolled'", | |
126 "position": [23, 538], | |
127 "bounds": [100, 50], | |
128 "contentsOpaque": true, | |
129 "drawsContent": true, | |
130 "backgroundColor": "#FFA500" | |
131 }, | |
132 { | |
133 "name": "LayoutBlockFlow DIV class='scrolled'", | |
134 "position": [23, 603], | |
135 "bounds": [100, 50], | |
136 "contentsOpaque": true, | |
137 "drawsContent": true, | |
138 "backgroundColor": "#FFA500" | |
139 }, | |
140 { | |
141 "name": "LayoutBlockFlow DIV class='scrolled'", | |
142 "position": [23, 668], | |
143 "bounds": [100, 50], | |
144 "contentsOpaque": true, | |
145 "drawsContent": true, | |
146 "backgroundColor": "#FFA500" | |
147 } | |
148 ] | |
149 } | |
150 ] | |
151 } | |
152 | |
153 | |
154 *** iteration 2: *** | |
155 | |
156 { | |
157 "name": "Content Root Layer", | |
158 "bounds": [785, 2834], | |
159 "children": [ | |
160 { | |
161 "name": "LayoutView #document", | |
162 "bounds": [785, 2834], | |
163 "contentsOpaque": true, | |
164 "drawsContent": true, | |
165 "children": [ | |
166 { | |
167 "name": "LayoutBlockFlow DIV class='container'", | |
168 "position": [8, 68], | |
169 "bounds": [300, 500], | |
170 "shouldFlattenTransform": false, | |
171 "drawsContent": true, | |
172 "children": [ | |
173 { | |
174 "name": "Scrolling Layer", | |
175 "bounds": [285, 485], | |
176 "shouldFlattenTransform": false, | |
177 "children": [ | |
178 { | |
179 "name": "Scrolling Contents Layer", | |
180 "bounds": [285, 665] | |
181 } | |
182 ] | |
183 }, | |
184 { | |
185 "name": "Overflow Controls Host Layer", | |
186 "bounds": [300, 500], | |
187 "children": [ | |
188 { | |
189 "name": "Horizontal Scrollbar Layer", | |
190 "position": [0, 485], | |
191 "bounds": [285, 15] | |
192 }, | |
193 { | |
194 "name": "Vertical Scrollbar Layer", | |
195 "position": [285, 0], | |
196 "bounds": [15, 485] | |
197 }, | |
198 { | |
199 "name": "Scroll Corner Layer", | |
200 "position": [285, 485], | |
201 "bounds": [15, 15], | |
202 "drawsContent": true | |
203 } | |
204 ] | |
205 } | |
206 ] | |
207 }, | |
208 { | |
209 "name": "LayoutBlockFlow DIV class='scrolled'", | |
210 "position": [23, 83], | |
211 "bounds": [100, 50], | |
212 "contentsOpaque": true, | |
213 "drawsContent": true, | |
214 "backgroundColor": "#FFA500" | |
215 }, | |
216 { | |
217 "name": "LayoutBlockFlow DIV class='scrolled'", | |
218 "position": [23, 148], | |
219 "bounds": [100, 50], | |
220 "contentsOpaque": true, | |
221 "drawsContent": true, | |
222 "backgroundColor": "#FFA500" | |
223 }, | |
224 { | |
225 "name": "LayoutBlockFlow DIV id='selection' class='scrolled'", | |
226 "position": [23, 213], | |
227 "bounds": [100, 50], | |
228 "contentsOpaque": true, | |
229 "drawsContent": true, | |
230 "backgroundColor": "#FFA500" | |
231 }, | |
232 { | |
233 "name": "LayoutBlockFlow DIV class='scrolled'", | |
234 "position": [23, 278], | |
235 "bounds": [100, 50], | |
236 "contentsOpaque": true, | |
237 "drawsContent": true, | |
238 "backgroundColor": "#FFA500" | |
239 }, | |
240 { | |
241 "name": "LayoutBlockFlow DIV class='scrolled'", | |
242 "position": [23, 343], | |
243 "bounds": [100, 50], | |
244 "contentsOpaque": true, | |
245 "drawsContent": true, | |
246 "backgroundColor": "#FFA500" | |
247 }, | |
248 { | |
249 "name": "LayoutBlockFlow DIV class='scrolled'", | |
250 "position": [23, 408], | |
251 "bounds": [100, 50], | |
252 "contentsOpaque": true, | |
253 "drawsContent": true, | |
254 "backgroundColor": "#FFA500" | |
255 }, | |
256 { | |
257 "name": "LayoutBlockFlow DIV class='scrolled'", | |
258 "position": [23, 473], | |
259 "bounds": [100, 50], | |
260 "contentsOpaque": true, | |
261 "drawsContent": true, | |
262 "backgroundColor": "#FFA500" | |
263 }, | |
264 { | |
265 "name": "LayoutBlockFlow DIV class='scrolled'", | |
266 "position": [23, 538], | |
267 "bounds": [100, 50], | |
268 "contentsOpaque": true, | |
269 "drawsContent": true, | |
270 "backgroundColor": "#FFA500" | |
271 }, | |
272 { | |
273 "name": "LayoutBlockFlow DIV class='scrolled'", | |
274 "position": [23, 603], | |
275 "bounds": [100, 50], | |
276 "contentsOpaque": true, | |
277 "drawsContent": true, | |
278 "backgroundColor": "#FFA500" | |
279 }, | |
280 { | |
281 "name": "LayoutBlockFlow DIV class='scrolled'", | |
282 "position": [23, 668], | |
283 "bounds": [100, 50], | |
284 "contentsOpaque": true, | |
285 "drawsContent": true, | |
286 "backgroundColor": "#FFA500" | |
287 } | |
288 ] | |
289 } | |
290 ] | |
291 } | |
292 | |
293 | |
294 *** iteration 3: *** | |
295 | |
296 { | |
297 "name": "Content Root Layer", | |
298 "bounds": [785, 5074], | |
299 "children": [ | |
300 { | |
301 "name": "LayoutView #document", | |
302 "bounds": [785, 5074], | |
303 "contentsOpaque": true, | |
304 "drawsContent": true, | |
305 "children": [ | |
306 { | |
307 "name": "LayoutBlockFlow DIV class='container'", | |
308 "position": [8, 68], | |
309 "bounds": [300, 500], | |
310 "shouldFlattenTransform": false, | |
311 "drawsContent": true, | |
312 "children": [ | |
313 { | |
314 "name": "Scrolling Layer", | |
315 "bounds": [285, 485], | |
316 "shouldFlattenTransform": false, | |
317 "children": [ | |
318 { | |
319 "name": "Scrolling Contents Layer", | |
320 "bounds": [285, 665] | |
321 } | |
322 ] | |
323 }, | |
324 { | |
325 "name": "Overflow Controls Host Layer", | |
326 "bounds": [300, 500], | |
327 "children": [ | |
328 { | |
329 "name": "Horizontal Scrollbar Layer", | |
330 "position": [0, 485], | |
331 "bounds": [285, 15] | |
332 }, | |
333 { | |
334 "name": "Vertical Scrollbar Layer", | |
335 "position": [285, 0], | |
336 "bounds": [15, 485] | |
337 }, | |
338 { | |
339 "name": "Scroll Corner Layer", | |
340 "position": [285, 485], | |
341 "bounds": [15, 15], | |
342 "drawsContent": true | |
343 } | |
344 ] | |
345 } | |
346 ] | |
347 }, | |
348 { | |
349 "name": "LayoutBlockFlow DIV class='scrolled'", | |
350 "position": [23, 83], | |
351 "bounds": [100, 50], | |
352 "contentsOpaque": true, | |
353 "drawsContent": true, | |
354 "backgroundColor": "#FFA500" | |
355 }, | |
356 { | |
357 "name": "LayoutBlockFlow DIV class='scrolled'", | |
358 "position": [23, 148], | |
359 "bounds": [100, 50], | |
360 "contentsOpaque": true, | |
361 "drawsContent": true, | |
362 "backgroundColor": "#FFA500" | |
363 }, | |
364 { | |
365 "name": "LayoutBlockFlow DIV id='selection' class='scrolled'", | |
366 "position": [23, 213], | |
367 "bounds": [100, 50], | |
368 "contentsOpaque": true, | |
369 "drawsContent": true, | |
370 "backgroundColor": "#FFA500" | |
371 }, | |
372 { | |
373 "name": "LayoutBlockFlow DIV class='scrolled'", | |
374 "position": [23, 278], | |
375 "bounds": [100, 50], | |
376 "contentsOpaque": true, | |
377 "drawsContent": true, | |
378 "backgroundColor": "#FFA500" | |
379 }, | |
380 { | |
381 "name": "LayoutBlockFlow DIV class='scrolled'", | |
382 "position": [23, 343], | |
383 "bounds": [100, 50], | |
384 "contentsOpaque": true, | |
385 "drawsContent": true, | |
386 "backgroundColor": "#FFA500" | |
387 }, | |
388 { | |
389 "name": "LayoutBlockFlow DIV class='scrolled'", | |
390 "position": [23, 408], | |
391 "bounds": [100, 50], | |
392 "contentsOpaque": true, | |
393 "drawsContent": true, | |
394 "backgroundColor": "#FFA500" | |
395 }, | |
396 { | |
397 "name": "LayoutBlockFlow DIV class='scrolled'", | |
398 "position": [23, 473], | |
399 "bounds": [100, 50], | |
400 "contentsOpaque": true, | |
401 "drawsContent": true, | |
402 "backgroundColor": "#FFA500" | |
403 }, | |
404 { | |
405 "name": "LayoutBlockFlow DIV class='scrolled'", | |
406 "position": [23, 538], | |
407 "bounds": [100, 50], | |
408 "contentsOpaque": true, | |
409 "drawsContent": true, | |
410 "backgroundColor": "#FFA500" | |
411 }, | |
412 { | |
413 "name": "LayoutBlockFlow DIV class='scrolled'", | |
414 "position": [23, 603], | |
415 "bounds": [100, 50], | |
416 "contentsOpaque": true, | |
417 "drawsContent": true, | |
418 "backgroundColor": "#FFA500" | |
419 }, | |
420 { | |
421 "name": "LayoutBlockFlow DIV class='scrolled'", | |
422 "position": [23, 668], | |
423 "bounds": [100, 50], | |
424 "contentsOpaque": true, | |
425 "drawsContent": true, | |
426 "backgroundColor": "#FFA500" | |
427 } | |
428 ] | |
429 } | |
430 ] | |
431 } | |
432 | |
OLD | NEW |