| 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, 80], | 28 "position": [8, 80], |
| 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, 95], | 70 "position": [23, 95], |
| 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, 160], | 78 "position": [23, 160], |
| 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, 225], | 86 "position": [23, 225], |
| 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, 290], | 94 "position": [23, 290], |
| 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, 355], | 102 "position": [23, 355], |
| 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, 420], | 110 "position": [23, 420], |
| 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, 485], | 118 "position": [23, 485], |
| 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, 550], | 126 "position": [23, 550], |
| 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, 615], | 134 "position": [23, 615], |
| 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, 680], | 142 "position": [23, 680], |
| 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, 2542], | 157 "name": "Content Root Layer", |
| 158 "bounds": [785, 2846], |
| 139 "children": [ | 159 "children": [ |
| 140 { | 160 { |
| 141 "bounds": [785, 2542], | 161 "name": "LayoutView #document", |
| 162 "bounds": [785, 2846], |
| 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, 80], | 168 "position": [8, 80], |
| 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, 95], | 213 "position": [23, 95], |
| 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, 160], | 221 "position": [23, 160], |
| 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, 225], | 229 "position": [23, 225], |
| 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, 290], | 237 "position": [23, 290], |
| 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, 355], | 245 "position": [23, 355], |
| 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, 420], | 253 "position": [23, 420], |
| 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, 485], | 261 "position": [23, 485], |
| 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, 550], | 269 "position": [23, 550], |
| 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, 615], | 277 "position": [23, 615], |
| 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, 680], | 285 "position": [23, 680], |
| 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, 4526], | 300 "name": "Content Root Layer", |
| 301 "bounds": [785, 5134], |
| 263 "children": [ | 302 "children": [ |
| 264 { | 303 { |
| 265 "bounds": [785, 4526], | 304 "name": "LayoutView #document", |
| 305 "bounds": [785, 5134], |
| 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, 80], | 311 "position": [8, 80], |
| 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, 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, 6510], | 443 "name": "Content Root Layer", |
| 444 "bounds": [785, 7422], |
| 387 "children": [ | 445 "children": [ |
| 388 { | 446 { |
| 389 "bounds": [785, 6510], | 447 "name": "LayoutView #document", |
| 448 "bounds": [785, 7422], |
| 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 |