| 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, 68], | 28 "position": [8, 68], |
| 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, 83], | 73 "position": [23, 83], |
| 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, 148], | 81 "position": [23, 148], |
| 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, 213], | 89 "position": [23, 213], |
| 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, 278], | 97 "position": [23, 278], |
| 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, 343], | 105 "position": [23, 343], |
| 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, 408], | 113 "position": [23, 408], |
| 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, 473], | 121 "position": [23, 473], |
| 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, 538], | 129 "position": [23, 538], |
| 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, 603], | 137 "position": [23, 603], |
| 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, 668], | 145 "position": [23, 668], |
| 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, 2578], | 160 "name": "Content Root Layer", |
| 161 "bounds": [785, 2882], |
| 142 "children": [ | 162 "children": [ |
| 143 { | 163 { |
| 144 "bounds": [785, 2578], | 164 "name": "LayoutView #document", |
| 165 "bounds": [785, 2882], |
| 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, 68], | 171 "position": [8, 68], |
| 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, 83], | 216 "position": [23, 83], |
| 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, 148], | 224 "position": [23, 148], |
| 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, 213], | 232 "position": [23, 213], |
| 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, 278], | 240 "position": [23, 278], |
| 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, 343], | 248 "position": [23, 343], |
| 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, 408], | 256 "position": [23, 408], |
| 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, 473], | 264 "position": [23, 473], |
| 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, 538], | 272 "position": [23, 538], |
| 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, 603], | 280 "position": [23, 603], |
| 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, 668], | 288 "position": [23, 668], |
| 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, 4562], | 303 "name": "Content Root Layer", |
| 304 "bounds": [785, 5170], |
| 266 "children": [ | 305 "children": [ |
| 267 { | 306 { |
| 268 "bounds": [785, 4562], | 307 "name": "LayoutView #document", |
| 308 "bounds": [785, 5170], |
| 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, 68], | 314 "position": [8, 68], |
| 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, 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 |