| OLD | NEW |
| 1 { | 1 { |
| 2 "name": "Content Root Layer", |
| 2 "bounds": [785, 2016], | 3 "bounds": [785, 2016], |
| 3 "children": [ | 4 "children": [ |
| 4 { | 5 { |
| 6 "name": "LayoutView #document", |
| 5 "bounds": [785, 2016], | 7 "bounds": [785, 2016], |
| 6 "contentsOpaque": true, | 8 "contentsOpaque": true, |
| 7 "drawsContent": true, | 9 "drawsContent": true, |
| 8 "children": [ | 10 "children": [ |
| 9 { | 11 { |
| 12 "name": "Squashing Containment Layer", |
| 10 "shouldFlattenTransform": false, | 13 "shouldFlattenTransform": false, |
| 11 "children": [ | 14 "children": [ |
| 12 { | 15 { |
| 16 "name": "LayoutBlockFlow DIV id='container-absolute-grandchildren-
not-contained' class='overflow'", |
| 13 "position": [10, 10], | 17 "position": [10, 10], |
| 14 "bounds": [104, 104], | 18 "bounds": [104, 104], |
| 15 "shouldFlattenTransform": false, | 19 "shouldFlattenTransform": false, |
| 16 "drawsContent": true, | 20 "drawsContent": true, |
| 17 "children": [ | 21 "children": [ |
| 18 { | 22 { |
| 23 "name": "Scrolling Layer", |
| 19 "position": [2, 2], | 24 "position": [2, 2], |
| 20 "bounds": [85, 85], | 25 "bounds": [85, 85], |
| 21 "shouldFlattenTransform": false, | 26 "shouldFlattenTransform": false, |
| 22 "children": [ | 27 "children": [ |
| 23 { | 28 { |
| 29 "name": "Scrolling Contents Layer", |
| 24 "bounds": [85, 144], | 30 "bounds": [85, 144], |
| 25 "drawsContent": true | 31 "drawsContent": true |
| 26 } | 32 } |
| 27 ] | 33 ] |
| 28 }, | 34 }, |
| 29 { | 35 { |
| 36 "name": "Overflow Controls Host Layer", |
| 30 "bounds": [104, 104], | 37 "bounds": [104, 104], |
| 31 "children": [ | 38 "children": [ |
| 32 { | 39 { |
| 40 "name": "Horizontal Scrollbar Layer", |
| 33 "position": [2, 87], | 41 "position": [2, 87], |
| 34 "bounds": [85, 15] | 42 "bounds": [85, 15] |
| 35 }, | 43 }, |
| 36 { | 44 { |
| 45 "name": "Vertical Scrollbar Layer", |
| 37 "position": [87, 2], | 46 "position": [87, 2], |
| 38 "bounds": [15, 85] | 47 "bounds": [15, 85] |
| 39 }, | 48 }, |
| 40 { | 49 { |
| 50 "name": "Scroll Corner Layer", |
| 41 "position": [87, 87], | 51 "position": [87, 87], |
| 42 "bounds": [15, 15], | 52 "bounds": [15, 15], |
| 43 "drawsContent": true | 53 "drawsContent": true |
| 44 } | 54 } |
| 45 ] | 55 ] |
| 46 } | 56 } |
| 47 ] | 57 ] |
| 48 }, | 58 }, |
| 49 { | 59 { |
| 60 "name": "Squashing Layer (first squashed layer: LayoutBlockFlow (p
ositioned) DIV id='positioned-absolute-grandchildren-not-contained' class='posit
ionAbsolute positioned')", |
| 50 "position": [35, 75], | 61 "position": [35, 75], |
| 51 "bounds": [80, 40], | 62 "bounds": [80, 40], |
| 52 "drawsContent": true | 63 "drawsContent": true |
| 53 } | 64 } |
| 54 ] | 65 ] |
| 55 }, | 66 }, |
| 56 { | 67 { |
| 68 "name": "Squashing Containment Layer", |
| 57 "shouldFlattenTransform": false, | 69 "shouldFlattenTransform": false, |
| 58 "children": [ | 70 "children": [ |
| 59 { | 71 { |
| 72 "name": "LayoutBlockFlow (relative positioned) DIV id='scrolled-ab
solute-grandchildren-not-contained' class='scrolled'", |
| 60 "position": [16, -15], | 73 "position": [16, -15], |
| 61 "bounds": [75, 24], | 74 "bounds": [75, 24], |
| 62 "contentsOpaque": true, | 75 "contentsOpaque": true, |
| 63 "drawsContent": true, | 76 "drawsContent": true, |
| 64 "backgroundColor": "#0000FF" | 77 "backgroundColor": "#0000FF" |
| 65 }, | 78 }, |
| 66 { | 79 { |
| 80 "name": "Squashing Layer (first squashed layer: LayoutBlockFlow (r
elative positioned) DIV id='scrolled-absolute-grandchildren-not-contained' class
='scrolled')", |
| 67 "position": [16, 41], | 81 "position": [16, 41], |
| 68 "bounds": [75, 24], | 82 "bounds": [75, 24], |
| 69 "drawsContent": true | 83 "drawsContent": true |
| 70 } | 84 } |
| 71 ] | 85 ] |
| 72 }, | 86 }, |
| 73 { | 87 { |
| 88 "name": "LayoutBlockFlow (positioned) DIV id='container-absolute-grand
children' class='positionAbsolute overflow'", |
| 74 "position": [130, 10], | 89 "position": [130, 10], |
| 75 "bounds": [104, 104], | 90 "bounds": [104, 104], |
| 76 "shouldFlattenTransform": false, | 91 "shouldFlattenTransform": false, |
| 77 "drawsContent": true, | 92 "drawsContent": true, |
| 78 "children": [ | 93 "children": [ |
| 79 { | 94 { |
| 95 "name": "Scrolling Layer", |
| 80 "position": [2, 2], | 96 "position": [2, 2], |
| 81 "bounds": [85, 85], | 97 "bounds": [85, 85], |
| 82 "shouldFlattenTransform": false, | 98 "shouldFlattenTransform": false, |
| 83 "children": [ | 99 "children": [ |
| 84 { | 100 { |
| 101 "name": "Scrolling Contents Layer", |
| 85 "bounds": [105, 144], | 102 "bounds": [105, 144], |
| 86 "drawsContent": true | 103 "drawsContent": true |
| 87 } | 104 } |
| 88 ] | 105 ] |
| 89 }, | 106 }, |
| 90 { | 107 { |
| 108 "name": "Overflow Controls Host Layer", |
| 91 "bounds": [104, 104], | 109 "bounds": [104, 104], |
| 92 "children": [ | 110 "children": [ |
| 93 { | 111 { |
| 112 "name": "Horizontal Scrollbar Layer", |
| 94 "position": [2, 87], | 113 "position": [2, 87], |
| 95 "bounds": [85, 15] | 114 "bounds": [85, 15] |
| 96 }, | 115 }, |
| 97 { | 116 { |
| 117 "name": "Vertical Scrollbar Layer", |
| 98 "position": [87, 2], | 118 "position": [87, 2], |
| 99 "bounds": [15, 85] | 119 "bounds": [15, 85] |
| 100 }, | 120 }, |
| 101 { | 121 { |
| 122 "name": "Scroll Corner Layer", |
| 102 "position": [87, 87], | 123 "position": [87, 87], |
| 103 "bounds": [15, 15], | 124 "bounds": [15, 15], |
| 104 "drawsContent": true | 125 "drawsContent": true |
| 105 } | 126 } |
| 106 ] | 127 ] |
| 107 } | 128 } |
| 108 ] | 129 ] |
| 109 }, | 130 }, |
| 110 { | 131 { |
| 132 "name": "Squashing Containment Layer", |
| 111 "shouldFlattenTransform": false, | 133 "shouldFlattenTransform": false, |
| 112 "children": [ | 134 "children": [ |
| 113 { | 135 { |
| 136 "name": "LayoutBlockFlow (positioned) DIV id='positioned-absolute-
grandchildren' class='positionAbsolute positioned'", |
| 114 "position": [157, 18], | 137 "position": [157, 18], |
| 115 "bounds": [80, 40], | 138 "bounds": [80, 40], |
| 116 "contentsOpaque": true, | 139 "contentsOpaque": true, |
| 117 "drawsContent": true, | 140 "drawsContent": true, |
| 118 "backgroundColor": "#800080" | 141 "backgroundColor": "#800080" |
| 119 }, | 142 }, |
| 120 { | 143 { |
| 144 "name": "Squashing Layer (first squashed layer: LayoutBlockFlow (r
elative positioned) DIV id='scrolled-absolute-grandchildren' class='scrolled')", |
| 121 "position": [136, -15], | 145 "position": [136, -15], |
| 122 "bounds": [75, 80], | 146 "bounds": [75, 80], |
| 123 "drawsContent": true | 147 "drawsContent": true |
| 124 } | 148 } |
| 125 ] | 149 ] |
| 126 }, | 150 }, |
| 127 { | 151 { |
| 152 "name": "Squashing Containment Layer", |
| 128 "shouldFlattenTransform": false, | 153 "shouldFlattenTransform": false, |
| 129 "children": [ | 154 "children": [ |
| 130 { | 155 { |
| 156 "name": "LayoutBlockFlow DIV id='container-absolute-not-contained'
class='overflow'", |
| 131 "position": [250, 10], | 157 "position": [250, 10], |
| 132 "bounds": [104, 104], | 158 "bounds": [104, 104], |
| 133 "shouldFlattenTransform": false, | 159 "shouldFlattenTransform": false, |
| 134 "drawsContent": true, | 160 "drawsContent": true, |
| 135 "children": [ | 161 "children": [ |
| 136 { | 162 { |
| 163 "name": "Scrolling Layer", |
| 137 "position": [2, 2], | 164 "position": [2, 2], |
| 138 "bounds": [85, 85], | 165 "bounds": [85, 85], |
| 139 "shouldFlattenTransform": false, | 166 "shouldFlattenTransform": false, |
| 140 "children": [ | 167 "children": [ |
| 141 { | 168 { |
| 169 "name": "Scrolling Contents Layer", |
| 142 "bounds": [85, 144] | 170 "bounds": [85, 144] |
| 143 } | 171 } |
| 144 ] | 172 ] |
| 145 }, | 173 }, |
| 146 { | 174 { |
| 175 "name": "Overflow Controls Host Layer", |
| 147 "bounds": [104, 104], | 176 "bounds": [104, 104], |
| 148 "children": [ | 177 "children": [ |
| 149 { | 178 { |
| 179 "name": "Horizontal Scrollbar Layer", |
| 150 "position": [2, 87], | 180 "position": [2, 87], |
| 151 "bounds": [85, 15] | 181 "bounds": [85, 15] |
| 152 }, | 182 }, |
| 153 { | 183 { |
| 184 "name": "Vertical Scrollbar Layer", |
| 154 "position": [87, 2], | 185 "position": [87, 2], |
| 155 "bounds": [15, 85] | 186 "bounds": [15, 85] |
| 156 }, | 187 }, |
| 157 { | 188 { |
| 189 "name": "Scroll Corner Layer", |
| 158 "position": [87, 87], | 190 "position": [87, 87], |
| 159 "bounds": [15, 15], | 191 "bounds": [15, 15], |
| 160 "drawsContent": true | 192 "drawsContent": true |
| 161 } | 193 } |
| 162 ] | 194 ] |
| 163 } | 195 } |
| 164 ] | 196 ] |
| 165 }, | 197 }, |
| 166 { | 198 { |
| 199 "name": "Squashing Layer (first squashed layer: LayoutBlockFlow (p
ositioned) DIV id='positioned-absolute-not-contained' class='positionAbsolute po
sitioned')", |
| 167 "position": [275, 75], | 200 "position": [275, 75], |
| 168 "bounds": [80, 40], | 201 "bounds": [80, 40], |
| 169 "drawsContent": true | 202 "drawsContent": true |
| 170 } | 203 } |
| 171 ] | 204 ] |
| 172 }, | 205 }, |
| 173 { | 206 { |
| 207 "name": "Squashing Containment Layer", |
| 174 "shouldFlattenTransform": false, | 208 "shouldFlattenTransform": false, |
| 175 "children": [ | 209 "children": [ |
| 176 { | 210 { |
| 211 "name": "LayoutBlockFlow (relative positioned) DIV id='scrolled-ab
solute-not-contained' class='scrolled'", |
| 177 "position": [256, -15], | 212 "position": [256, -15], |
| 178 "bounds": [75, 24], | 213 "bounds": [75, 24], |
| 179 "contentsOpaque": true, | 214 "contentsOpaque": true, |
| 180 "drawsContent": true, | 215 "drawsContent": true, |
| 181 "backgroundColor": "#0000FF" | 216 "backgroundColor": "#0000FF" |
| 182 }, | 217 }, |
| 183 { | 218 { |
| 219 "name": "Squashing Layer (first squashed layer: LayoutBlockFlow (r
elative positioned) DIV id='scrolled-absolute-not-contained' class='scrolled')", |
| 184 "position": [256, 41], | 220 "position": [256, 41], |
| 185 "bounds": [75, 24], | 221 "bounds": [75, 24], |
| 186 "drawsContent": true | 222 "drawsContent": true |
| 187 } | 223 } |
| 188 ] | 224 ] |
| 189 }, | 225 }, |
| 190 { | 226 { |
| 227 "name": "Squashing Containment Layer", |
| 191 "shouldFlattenTransform": false, | 228 "shouldFlattenTransform": false, |
| 192 "children": [ | 229 "children": [ |
| 193 { | 230 { |
| 231 "name": "LayoutBlockFlow DIV id='container-absolute-sibling-grandc
hildren-not-contained' class='overflow'", |
| 194 "position": [370, 10], | 232 "position": [370, 10], |
| 195 "bounds": [104, 104], | 233 "bounds": [104, 104], |
| 196 "shouldFlattenTransform": false, | 234 "shouldFlattenTransform": false, |
| 197 "drawsContent": true, | 235 "drawsContent": true, |
| 198 "children": [ | 236 "children": [ |
| 199 { | 237 { |
| 238 "name": "Scrolling Layer", |
| 200 "position": [2, 2], | 239 "position": [2, 2], |
| 201 "bounds": [85, 85], | 240 "bounds": [85, 85], |
| 202 "shouldFlattenTransform": false, | 241 "shouldFlattenTransform": false, |
| 203 "children": [ | 242 "children": [ |
| 204 { | 243 { |
| 244 "name": "Scrolling Contents Layer", |
| 205 "bounds": [85, 144], | 245 "bounds": [85, 144], |
| 206 "drawsContent": true | 246 "drawsContent": true |
| 207 } | 247 } |
| 208 ] | 248 ] |
| 209 }, | 249 }, |
| 210 { | 250 { |
| 251 "name": "Overflow Controls Host Layer", |
| 211 "bounds": [104, 104], | 252 "bounds": [104, 104], |
| 212 "children": [ | 253 "children": [ |
| 213 { | 254 { |
| 255 "name": "Horizontal Scrollbar Layer", |
| 214 "position": [2, 87], | 256 "position": [2, 87], |
| 215 "bounds": [85, 15] | 257 "bounds": [85, 15] |
| 216 }, | 258 }, |
| 217 { | 259 { |
| 260 "name": "Vertical Scrollbar Layer", |
| 218 "position": [87, 2], | 261 "position": [87, 2], |
| 219 "bounds": [15, 85] | 262 "bounds": [15, 85] |
| 220 }, | 263 }, |
| 221 { | 264 { |
| 265 "name": "Scroll Corner Layer", |
| 222 "position": [87, 87], | 266 "position": [87, 87], |
| 223 "bounds": [15, 15], | 267 "bounds": [15, 15], |
| 224 "drawsContent": true | 268 "drawsContent": true |
| 225 } | 269 } |
| 226 ] | 270 ] |
| 227 } | 271 } |
| 228 ] | 272 ] |
| 229 }, | 273 }, |
| 230 { | 274 { |
| 275 "name": "Squashing Layer (first squashed layer: LayoutBlockFlow (p
ositioned) DIV id='positioned-absolute-sibling-grandchildren-not-contained' clas
s='positionAbsolute positioned')", |
| 231 "position": [395, 75], | 276 "position": [395, 75], |
| 232 "bounds": [80, 40], | 277 "bounds": [80, 40], |
| 233 "drawsContent": true | 278 "drawsContent": true |
| 234 } | 279 } |
| 235 ] | 280 ] |
| 236 }, | 281 }, |
| 237 { | 282 { |
| 283 "name": "Squashing Containment Layer", |
| 238 "shouldFlattenTransform": false, | 284 "shouldFlattenTransform": false, |
| 239 "children": [ | 285 "children": [ |
| 240 { | 286 { |
| 287 "name": "LayoutBlockFlow (relative positioned) DIV id='scrolled-ab
solute-sibling-grandchildren-not-contained' class='scrolled'", |
| 241 "position": [376, -15], | 288 "position": [376, -15], |
| 242 "bounds": [75, 24], | 289 "bounds": [75, 24], |
| 243 "contentsOpaque": true, | 290 "contentsOpaque": true, |
| 244 "drawsContent": true, | 291 "drawsContent": true, |
| 245 "backgroundColor": "#0000FF" | 292 "backgroundColor": "#0000FF" |
| 246 }, | 293 }, |
| 247 { | 294 { |
| 295 "name": "Squashing Layer (first squashed layer: LayoutBlockFlow (r
elative positioned) DIV id='scrolled-absolute-sibling-grandchildren-not-containe
d' class='scrolled')", |
| 248 "position": [376, 41], | 296 "position": [376, 41], |
| 249 "bounds": [75, 24], | 297 "bounds": [75, 24], |
| 250 "drawsContent": true | 298 "drawsContent": true |
| 251 } | 299 } |
| 252 ] | 300 ] |
| 253 }, | 301 }, |
| 254 { | 302 { |
| 303 "name": "LayoutBlockFlow (positioned) DIV id='container-absolute-sibli
ng-grandchildren' class='positionAbsolute overflow'", |
| 255 "position": [10, 130], | 304 "position": [10, 130], |
| 256 "bounds": [104, 104], | 305 "bounds": [104, 104], |
| 257 "shouldFlattenTransform": false, | 306 "shouldFlattenTransform": false, |
| 258 "drawsContent": true, | 307 "drawsContent": true, |
| 259 "children": [ | 308 "children": [ |
| 260 { | 309 { |
| 310 "name": "Scrolling Layer", |
| 261 "position": [2, 2], | 311 "position": [2, 2], |
| 262 "bounds": [85, 85], | 312 "bounds": [85, 85], |
| 263 "shouldFlattenTransform": false, | 313 "shouldFlattenTransform": false, |
| 264 "children": [ | 314 "children": [ |
| 265 { | 315 { |
| 316 "name": "Scrolling Contents Layer", |
| 266 "bounds": [105, 144], | 317 "bounds": [105, 144], |
| 267 "drawsContent": true | 318 "drawsContent": true |
| 268 } | 319 } |
| 269 ] | 320 ] |
| 270 }, | 321 }, |
| 271 { | 322 { |
| 323 "name": "Overflow Controls Host Layer", |
| 272 "bounds": [104, 104], | 324 "bounds": [104, 104], |
| 273 "children": [ | 325 "children": [ |
| 274 { | 326 { |
| 327 "name": "Horizontal Scrollbar Layer", |
| 275 "position": [2, 87], | 328 "position": [2, 87], |
| 276 "bounds": [85, 15] | 329 "bounds": [85, 15] |
| 277 }, | 330 }, |
| 278 { | 331 { |
| 332 "name": "Vertical Scrollbar Layer", |
| 279 "position": [87, 2], | 333 "position": [87, 2], |
| 280 "bounds": [15, 85] | 334 "bounds": [15, 85] |
| 281 }, | 335 }, |
| 282 { | 336 { |
| 337 "name": "Scroll Corner Layer", |
| 283 "position": [87, 87], | 338 "position": [87, 87], |
| 284 "bounds": [15, 15], | 339 "bounds": [15, 15], |
| 285 "drawsContent": true | 340 "drawsContent": true |
| 286 } | 341 } |
| 287 ] | 342 ] |
| 288 } | 343 } |
| 289 ] | 344 ] |
| 290 }, | 345 }, |
| 291 { | 346 { |
| 347 "name": "Squashing Containment Layer", |
| 292 "shouldFlattenTransform": false, | 348 "shouldFlattenTransform": false, |
| 293 "children": [ | 349 "children": [ |
| 294 { | 350 { |
| 351 "name": "LayoutBlockFlow (positioned) DIV id='positioned-absolute-
sibling-grandchildren' class='positionAbsolute positioned'", |
| 295 "position": [37, 138], | 352 "position": [37, 138], |
| 296 "bounds": [80, 40], | 353 "bounds": [80, 40], |
| 297 "contentsOpaque": true, | 354 "contentsOpaque": true, |
| 298 "drawsContent": true, | 355 "drawsContent": true, |
| 299 "backgroundColor": "#800080" | 356 "backgroundColor": "#800080" |
| 300 }, | 357 }, |
| 301 { | 358 { |
| 359 "name": "Squashing Layer (first squashed layer: LayoutBlockFlow (r
elative positioned) DIV id='scrolled-absolute-sibling-grandchildren' class='scro
lled')", |
| 302 "position": [16, 105], | 360 "position": [16, 105], |
| 303 "bounds": [75, 80], | 361 "bounds": [75, 80], |
| 304 "drawsContent": true | 362 "drawsContent": true |
| 305 } | 363 } |
| 306 ] | 364 ] |
| 307 }, | 365 }, |
| 308 { | 366 { |
| 367 "name": "Squashing Containment Layer", |
| 309 "shouldFlattenTransform": false, | 368 "shouldFlattenTransform": false, |
| 310 "children": [ | 369 "children": [ |
| 311 { | 370 { |
| 371 "name": "LayoutBlockFlow DIV id='container-absolute-sibling-not-co
ntained' class='overflow'", |
| 312 "position": [130, 130], | 372 "position": [130, 130], |
| 313 "bounds": [104, 104], | 373 "bounds": [104, 104], |
| 314 "shouldFlattenTransform": false, | 374 "shouldFlattenTransform": false, |
| 315 "drawsContent": true, | 375 "drawsContent": true, |
| 316 "children": [ | 376 "children": [ |
| 317 { | 377 { |
| 378 "name": "Scrolling Layer", |
| 318 "position": [2, 2], | 379 "position": [2, 2], |
| 319 "bounds": [85, 85], | 380 "bounds": [85, 85], |
| 320 "shouldFlattenTransform": false, | 381 "shouldFlattenTransform": false, |
| 321 "children": [ | 382 "children": [ |
| 322 { | 383 { |
| 384 "name": "Scrolling Contents Layer", |
| 323 "bounds": [85, 144] | 385 "bounds": [85, 144] |
| 324 } | 386 } |
| 325 ] | 387 ] |
| 326 }, | 388 }, |
| 327 { | 389 { |
| 390 "name": "Overflow Controls Host Layer", |
| 328 "bounds": [104, 104], | 391 "bounds": [104, 104], |
| 329 "children": [ | 392 "children": [ |
| 330 { | 393 { |
| 394 "name": "Horizontal Scrollbar Layer", |
| 331 "position": [2, 87], | 395 "position": [2, 87], |
| 332 "bounds": [85, 15] | 396 "bounds": [85, 15] |
| 333 }, | 397 }, |
| 334 { | 398 { |
| 399 "name": "Vertical Scrollbar Layer", |
| 335 "position": [87, 2], | 400 "position": [87, 2], |
| 336 "bounds": [15, 85] | 401 "bounds": [15, 85] |
| 337 }, | 402 }, |
| 338 { | 403 { |
| 404 "name": "Scroll Corner Layer", |
| 339 "position": [87, 87], | 405 "position": [87, 87], |
| 340 "bounds": [15, 15], | 406 "bounds": [15, 15], |
| 341 "drawsContent": true | 407 "drawsContent": true |
| 342 } | 408 } |
| 343 ] | 409 ] |
| 344 } | 410 } |
| 345 ] | 411 ] |
| 346 }, | 412 }, |
| 347 { | 413 { |
| 414 "name": "Squashing Layer (first squashed layer: LayoutBlockFlow (p
ositioned) DIV id='positioned-absolute-sibling-not-contained' class='positionAbs
olute positioned')", |
| 348 "position": [155, 195], | 415 "position": [155, 195], |
| 349 "bounds": [80, 40], | 416 "bounds": [80, 40], |
| 350 "drawsContent": true | 417 "drawsContent": true |
| 351 } | 418 } |
| 352 ] | 419 ] |
| 353 }, | 420 }, |
| 354 { | 421 { |
| 422 "name": "Squashing Containment Layer", |
| 355 "shouldFlattenTransform": false, | 423 "shouldFlattenTransform": false, |
| 356 "children": [ | 424 "children": [ |
| 357 { | 425 { |
| 426 "name": "LayoutBlockFlow (relative positioned) DIV id='scrolled-ab
solute-sibling-not-contained' class='scrolled'", |
| 358 "position": [136, 105], | 427 "position": [136, 105], |
| 359 "bounds": [75, 24], | 428 "bounds": [75, 24], |
| 360 "contentsOpaque": true, | 429 "contentsOpaque": true, |
| 361 "drawsContent": true, | 430 "drawsContent": true, |
| 362 "backgroundColor": "#0000FF" | 431 "backgroundColor": "#0000FF" |
| 363 }, | 432 }, |
| 364 { | 433 { |
| 434 "name": "Squashing Layer (first squashed layer: LayoutBlockFlow (r
elative positioned) DIV id='scrolled-absolute-sibling-not-contained' class='scro
lled')", |
| 365 "position": [136, 161], | 435 "position": [136, 161], |
| 366 "bounds": [75, 24], | 436 "bounds": [75, 24], |
| 367 "drawsContent": true | 437 "drawsContent": true |
| 368 } | 438 } |
| 369 ] | 439 ] |
| 370 }, | 440 }, |
| 371 { | 441 { |
| 442 "name": "LayoutBlockFlow (positioned) DIV id='container-absolute-sibli
ng' class='positionAbsolute overflow'", |
| 372 "position": [250, 130], | 443 "position": [250, 130], |
| 373 "bounds": [104, 104], | 444 "bounds": [104, 104], |
| 374 "shouldFlattenTransform": false, | 445 "shouldFlattenTransform": false, |
| 375 "drawsContent": true, | 446 "drawsContent": true, |
| 376 "children": [ | 447 "children": [ |
| 377 { | 448 { |
| 449 "name": "Scrolling Layer", |
| 378 "position": [2, 2], | 450 "position": [2, 2], |
| 379 "bounds": [85, 85], | 451 "bounds": [85, 85], |
| 380 "shouldFlattenTransform": false, | 452 "shouldFlattenTransform": false, |
| 381 "children": [ | 453 "children": [ |
| 382 { | 454 { |
| 455 "name": "Scrolling Contents Layer", |
| 383 "bounds": [105, 144] | 456 "bounds": [105, 144] |
| 384 } | 457 } |
| 385 ] | 458 ] |
| 386 }, | 459 }, |
| 387 { | 460 { |
| 461 "name": "Overflow Controls Host Layer", |
| 388 "bounds": [104, 104], | 462 "bounds": [104, 104], |
| 389 "children": [ | 463 "children": [ |
| 390 { | 464 { |
| 465 "name": "Horizontal Scrollbar Layer", |
| 391 "position": [2, 87], | 466 "position": [2, 87], |
| 392 "bounds": [85, 15] | 467 "bounds": [85, 15] |
| 393 }, | 468 }, |
| 394 { | 469 { |
| 470 "name": "Vertical Scrollbar Layer", |
| 395 "position": [87, 2], | 471 "position": [87, 2], |
| 396 "bounds": [15, 85] | 472 "bounds": [15, 85] |
| 397 }, | 473 }, |
| 398 { | 474 { |
| 475 "name": "Scroll Corner Layer", |
| 399 "position": [87, 87], | 476 "position": [87, 87], |
| 400 "bounds": [15, 15], | 477 "bounds": [15, 15], |
| 401 "drawsContent": true | 478 "drawsContent": true |
| 402 } | 479 } |
| 403 ] | 480 ] |
| 404 } | 481 } |
| 405 ] | 482 ] |
| 406 }, | 483 }, |
| 407 { | 484 { |
| 485 "name": "Squashing Containment Layer", |
| 408 "shouldFlattenTransform": false, | 486 "shouldFlattenTransform": false, |
| 409 "children": [ | 487 "children": [ |
| 410 { | 488 { |
| 489 "name": "LayoutBlockFlow (positioned) DIV id='positioned-absolute-
sibling' class='positionAbsolute positioned'", |
| 411 "position": [277, 138], | 490 "position": [277, 138], |
| 412 "bounds": [80, 40], | 491 "bounds": [80, 40], |
| 413 "contentsOpaque": true, | 492 "contentsOpaque": true, |
| 414 "drawsContent": true, | 493 "drawsContent": true, |
| 415 "backgroundColor": "#800080" | 494 "backgroundColor": "#800080" |
| 416 }, | 495 }, |
| 417 { | 496 { |
| 497 "name": "Squashing Layer (first squashed layer: LayoutBlockFlow (r
elative positioned) DIV id='scrolled-absolute-sibling' class='scrolled')", |
| 418 "position": [256, 105], | 498 "position": [256, 105], |
| 419 "bounds": [75, 80], | 499 "bounds": [75, 80], |
| 420 "drawsContent": true | 500 "drawsContent": true |
| 421 } | 501 } |
| 422 ] | 502 ] |
| 423 }, | 503 }, |
| 424 { | 504 { |
| 505 "name": "LayoutBlockFlow (positioned) DIV id='container-absolute' clas
s='positionAbsolute overflow'", |
| 425 "position": [370, 130], | 506 "position": [370, 130], |
| 426 "bounds": [104, 104], | 507 "bounds": [104, 104], |
| 427 "shouldFlattenTransform": false, | 508 "shouldFlattenTransform": false, |
| 428 "drawsContent": true, | 509 "drawsContent": true, |
| 429 "children": [ | 510 "children": [ |
| 430 { | 511 { |
| 512 "name": "Scrolling Layer", |
| 431 "position": [2, 2], | 513 "position": [2, 2], |
| 432 "bounds": [85, 85], | 514 "bounds": [85, 85], |
| 433 "shouldFlattenTransform": false, | 515 "shouldFlattenTransform": false, |
| 434 "children": [ | 516 "children": [ |
| 435 { | 517 { |
| 518 "name": "Scrolling Contents Layer", |
| 436 "bounds": [105, 144] | 519 "bounds": [105, 144] |
| 437 } | 520 } |
| 438 ] | 521 ] |
| 439 }, | 522 }, |
| 440 { | 523 { |
| 524 "name": "Overflow Controls Host Layer", |
| 441 "bounds": [104, 104], | 525 "bounds": [104, 104], |
| 442 "children": [ | 526 "children": [ |
| 443 { | 527 { |
| 528 "name": "Horizontal Scrollbar Layer", |
| 444 "position": [2, 87], | 529 "position": [2, 87], |
| 445 "bounds": [85, 15] | 530 "bounds": [85, 15] |
| 446 }, | 531 }, |
| 447 { | 532 { |
| 533 "name": "Vertical Scrollbar Layer", |
| 448 "position": [87, 2], | 534 "position": [87, 2], |
| 449 "bounds": [15, 85] | 535 "bounds": [15, 85] |
| 450 }, | 536 }, |
| 451 { | 537 { |
| 538 "name": "Scroll Corner Layer", |
| 452 "position": [87, 87], | 539 "position": [87, 87], |
| 453 "bounds": [15, 15], | 540 "bounds": [15, 15], |
| 454 "drawsContent": true | 541 "drawsContent": true |
| 455 } | 542 } |
| 456 ] | 543 ] |
| 457 } | 544 } |
| 458 ] | 545 ] |
| 459 }, | 546 }, |
| 460 { | 547 { |
| 548 "name": "Squashing Containment Layer", |
| 461 "shouldFlattenTransform": false, | 549 "shouldFlattenTransform": false, |
| 462 "children": [ | 550 "children": [ |
| 463 { | 551 { |
| 552 "name": "LayoutBlockFlow (positioned) DIV id='positioned-absolute'
class='positionAbsolute positioned'", |
| 464 "position": [397, 138], | 553 "position": [397, 138], |
| 465 "bounds": [80, 40], | 554 "bounds": [80, 40], |
| 466 "contentsOpaque": true, | 555 "contentsOpaque": true, |
| 467 "drawsContent": true, | 556 "drawsContent": true, |
| 468 "backgroundColor": "#800080" | 557 "backgroundColor": "#800080" |
| 469 }, | 558 }, |
| 470 { | 559 { |
| 560 "name": "Squashing Layer (first squashed layer: LayoutBlockFlow (r
elative positioned) DIV id='scrolled-absolute' class='scrolled')", |
| 471 "position": [376, 105], | 561 "position": [376, 105], |
| 472 "bounds": [75, 80], | 562 "bounds": [75, 80], |
| 473 "drawsContent": true | 563 "drawsContent": true |
| 474 } | 564 } |
| 475 ] | 565 ] |
| 476 }, | 566 }, |
| 477 { | 567 { |
| 568 "name": "LayoutBlockFlow (positioned) DIV id='container-fixed-sibling-
grandchildren' class='positionAbsolute overflow'", |
| 478 "position": [10, 250], | 569 "position": [10, 250], |
| 479 "bounds": [104, 104], | 570 "bounds": [104, 104], |
| 480 "shouldFlattenTransform": false, | 571 "shouldFlattenTransform": false, |
| 481 "drawsContent": true, | 572 "drawsContent": true, |
| 482 "children": [ | 573 "children": [ |
| 483 { | 574 { |
| 575 "name": "Scrolling Layer", |
| 484 "position": [2, 2], | 576 "position": [2, 2], |
| 485 "bounds": [85, 85], | 577 "bounds": [85, 85], |
| 486 "shouldFlattenTransform": false, | 578 "shouldFlattenTransform": false, |
| 487 "children": [ | 579 "children": [ |
| 488 { | 580 { |
| 581 "name": "Scrolling Contents Layer", |
| 489 "bounds": [85, 144], | 582 "bounds": [85, 144], |
| 490 "drawsContent": true | 583 "drawsContent": true |
| 491 } | 584 } |
| 492 ] | 585 ] |
| 493 }, | 586 }, |
| 494 { | 587 { |
| 588 "name": "Overflow Controls Host Layer", |
| 495 "bounds": [104, 104], | 589 "bounds": [104, 104], |
| 496 "children": [ | 590 "children": [ |
| 497 { | 591 { |
| 592 "name": "Horizontal Scrollbar Layer", |
| 498 "position": [2, 87], | 593 "position": [2, 87], |
| 499 "bounds": [85, 15] | 594 "bounds": [85, 15] |
| 500 }, | 595 }, |
| 501 { | 596 { |
| 597 "name": "Vertical Scrollbar Layer", |
| 502 "position": [87, 2], | 598 "position": [87, 2], |
| 503 "bounds": [15, 85] | 599 "bounds": [15, 85] |
| 504 }, | 600 }, |
| 505 { | 601 { |
| 602 "name": "Scroll Corner Layer", |
| 506 "position": [87, 87], | 603 "position": [87, 87], |
| 507 "bounds": [15, 15], | 604 "bounds": [15, 15], |
| 508 "drawsContent": true | 605 "drawsContent": true |
| 509 } | 606 } |
| 510 ] | 607 ] |
| 511 } | 608 } |
| 512 ] | 609 ] |
| 513 }, | 610 }, |
| 514 { | 611 { |
| 612 "name": "LayoutBlockFlow (positioned) DIV id='positioned-fixed-sibling
-grandchildren' class='positionFixed positioned'", |
| 515 "position": [35, 315], | 613 "position": [35, 315], |
| 516 "bounds": [80, 40], | 614 "bounds": [80, 40], |
| 517 "contentsOpaque": true, | 615 "contentsOpaque": true, |
| 518 "drawsContent": true, | 616 "drawsContent": true, |
| 519 "backgroundColor": "#800080" | 617 "backgroundColor": "#800080" |
| 520 }, | 618 }, |
| 521 { | 619 { |
| 620 "name": "Squashing Containment Layer", |
| 522 "shouldFlattenTransform": false, | 621 "shouldFlattenTransform": false, |
| 523 "children": [ | 622 "children": [ |
| 524 { | 623 { |
| 624 "name": "LayoutBlockFlow (relative positioned) DIV id='scrolled-fi
xed-sibling-grandchildren' class='scrolled'", |
| 525 "position": [16, 225], | 625 "position": [16, 225], |
| 526 "bounds": [75, 24], | 626 "bounds": [75, 24], |
| 527 "contentsOpaque": true, | 627 "contentsOpaque": true, |
| 528 "drawsContent": true, | 628 "drawsContent": true, |
| 529 "backgroundColor": "#0000FF" | 629 "backgroundColor": "#0000FF" |
| 530 }, | 630 }, |
| 531 { | 631 { |
| 632 "name": "Squashing Layer (first squashed layer: LayoutBlockFlow (r
elative positioned) DIV id='scrolled-fixed-sibling-grandchildren' class='scrolle
d')", |
| 532 "position": [16, 281], | 633 "position": [16, 281], |
| 533 "bounds": [75, 24], | 634 "bounds": [75, 24], |
| 534 "drawsContent": true | 635 "drawsContent": true |
| 535 } | 636 } |
| 536 ] | 637 ] |
| 537 }, | 638 }, |
| 538 { | 639 { |
| 640 "name": "LayoutBlockFlow (positioned) DIV id='container-fixed-sibling'
class='positionAbsolute overflow'", |
| 539 "position": [130, 250], | 641 "position": [130, 250], |
| 540 "bounds": [104, 104], | 642 "bounds": [104, 104], |
| 541 "shouldFlattenTransform": false, | 643 "shouldFlattenTransform": false, |
| 542 "drawsContent": true, | 644 "drawsContent": true, |
| 543 "children": [ | 645 "children": [ |
| 544 { | 646 { |
| 647 "name": "Scrolling Layer", |
| 545 "position": [2, 2], | 648 "position": [2, 2], |
| 546 "bounds": [85, 85], | 649 "bounds": [85, 85], |
| 547 "shouldFlattenTransform": false, | 650 "shouldFlattenTransform": false, |
| 548 "children": [ | 651 "children": [ |
| 549 { | 652 { |
| 653 "name": "Scrolling Contents Layer", |
| 550 "bounds": [85, 144] | 654 "bounds": [85, 144] |
| 551 } | 655 } |
| 552 ] | 656 ] |
| 553 }, | 657 }, |
| 554 { | 658 { |
| 659 "name": "Overflow Controls Host Layer", |
| 555 "bounds": [104, 104], | 660 "bounds": [104, 104], |
| 556 "children": [ | 661 "children": [ |
| 557 { | 662 { |
| 663 "name": "Horizontal Scrollbar Layer", |
| 558 "position": [2, 87], | 664 "position": [2, 87], |
| 559 "bounds": [85, 15] | 665 "bounds": [85, 15] |
| 560 }, | 666 }, |
| 561 { | 667 { |
| 668 "name": "Vertical Scrollbar Layer", |
| 562 "position": [87, 2], | 669 "position": [87, 2], |
| 563 "bounds": [15, 85] | 670 "bounds": [15, 85] |
| 564 }, | 671 }, |
| 565 { | 672 { |
| 673 "name": "Scroll Corner Layer", |
| 566 "position": [87, 87], | 674 "position": [87, 87], |
| 567 "bounds": [15, 15], | 675 "bounds": [15, 15], |
| 568 "drawsContent": true | 676 "drawsContent": true |
| 569 } | 677 } |
| 570 ] | 678 ] |
| 571 } | 679 } |
| 572 ] | 680 ] |
| 573 }, | 681 }, |
| 574 { | 682 { |
| 683 "name": "LayoutBlockFlow (positioned) DIV id='positioned-fixed-sibling
' class='positionFixed positioned'", |
| 575 "position": [155, 315], | 684 "position": [155, 315], |
| 576 "bounds": [80, 40], | 685 "bounds": [80, 40], |
| 577 "contentsOpaque": true, | 686 "contentsOpaque": true, |
| 578 "drawsContent": true, | 687 "drawsContent": true, |
| 579 "backgroundColor": "#800080" | 688 "backgroundColor": "#800080" |
| 580 }, | 689 }, |
| 581 { | 690 { |
| 691 "name": "Squashing Containment Layer", |
| 582 "shouldFlattenTransform": false, | 692 "shouldFlattenTransform": false, |
| 583 "children": [ | 693 "children": [ |
| 584 { | 694 { |
| 695 "name": "LayoutBlockFlow (relative positioned) DIV id='scrolled-fi
xed-sibling' class='scrolled'", |
| 585 "position": [136, 225], | 696 "position": [136, 225], |
| 586 "bounds": [75, 24], | 697 "bounds": [75, 24], |
| 587 "contentsOpaque": true, | 698 "contentsOpaque": true, |
| 588 "drawsContent": true, | 699 "drawsContent": true, |
| 589 "backgroundColor": "#0000FF" | 700 "backgroundColor": "#0000FF" |
| 590 }, | 701 }, |
| 591 { | 702 { |
| 703 "name": "Squashing Layer (first squashed layer: LayoutBlockFlow (r
elative positioned) DIV id='scrolled-fixed-sibling' class='scrolled')", |
| 592 "position": [136, 281], | 704 "position": [136, 281], |
| 593 "bounds": [75, 24], | 705 "bounds": [75, 24], |
| 594 "drawsContent": true | 706 "drawsContent": true |
| 595 } | 707 } |
| 596 ] | 708 ] |
| 597 }, | 709 }, |
| 598 { | 710 { |
| 711 "name": "LayoutBlockFlow (positioned) DIV id='container-fixed-grandchi
ldren' class='positionAbsolute overflow'", |
| 599 "position": [250, 250], | 712 "position": [250, 250], |
| 600 "bounds": [104, 104], | 713 "bounds": [104, 104], |
| 601 "shouldFlattenTransform": false, | 714 "shouldFlattenTransform": false, |
| 602 "drawsContent": true, | 715 "drawsContent": true, |
| 603 "children": [ | 716 "children": [ |
| 604 { | 717 { |
| 718 "name": "Scrolling Layer", |
| 605 "position": [2, 2], | 719 "position": [2, 2], |
| 606 "bounds": [85, 85], | 720 "bounds": [85, 85], |
| 607 "shouldFlattenTransform": false, | 721 "shouldFlattenTransform": false, |
| 608 "children": [ | 722 "children": [ |
| 609 { | 723 { |
| 724 "name": "Scrolling Contents Layer", |
| 610 "bounds": [85, 144], | 725 "bounds": [85, 144], |
| 611 "drawsContent": true | 726 "drawsContent": true |
| 612 } | 727 } |
| 613 ] | 728 ] |
| 614 }, | 729 }, |
| 615 { | 730 { |
| 731 "name": "Overflow Controls Host Layer", |
| 616 "bounds": [104, 104], | 732 "bounds": [104, 104], |
| 617 "children": [ | 733 "children": [ |
| 618 { | 734 { |
| 735 "name": "Horizontal Scrollbar Layer", |
| 619 "position": [2, 87], | 736 "position": [2, 87], |
| 620 "bounds": [85, 15] | 737 "bounds": [85, 15] |
| 621 }, | 738 }, |
| 622 { | 739 { |
| 740 "name": "Vertical Scrollbar Layer", |
| 623 "position": [87, 2], | 741 "position": [87, 2], |
| 624 "bounds": [15, 85] | 742 "bounds": [15, 85] |
| 625 }, | 743 }, |
| 626 { | 744 { |
| 745 "name": "Scroll Corner Layer", |
| 627 "position": [87, 87], | 746 "position": [87, 87], |
| 628 "bounds": [15, 15], | 747 "bounds": [15, 15], |
| 629 "drawsContent": true | 748 "drawsContent": true |
| 630 } | 749 } |
| 631 ] | 750 ] |
| 632 } | 751 } |
| 633 ] | 752 ] |
| 634 }, | 753 }, |
| 635 { | 754 { |
| 755 "name": "LayoutBlockFlow (positioned) DIV id='positioned-fixed-grandch
ildren' class='positionFixed positioned'", |
| 636 "position": [275, 315], | 756 "position": [275, 315], |
| 637 "bounds": [80, 40], | 757 "bounds": [80, 40], |
| 638 "contentsOpaque": true, | 758 "contentsOpaque": true, |
| 639 "drawsContent": true, | 759 "drawsContent": true, |
| 640 "backgroundColor": "#800080" | 760 "backgroundColor": "#800080" |
| 641 }, | 761 }, |
| 642 { | 762 { |
| 763 "name": "Squashing Containment Layer", |
| 643 "shouldFlattenTransform": false, | 764 "shouldFlattenTransform": false, |
| 644 "children": [ | 765 "children": [ |
| 645 { | 766 { |
| 767 "name": "LayoutBlockFlow (relative positioned) DIV id='scrolled-fi
xed-grandchildren' class='scrolled'", |
| 646 "position": [256, 225], | 768 "position": [256, 225], |
| 647 "bounds": [75, 24], | 769 "bounds": [75, 24], |
| 648 "contentsOpaque": true, | 770 "contentsOpaque": true, |
| 649 "drawsContent": true, | 771 "drawsContent": true, |
| 650 "backgroundColor": "#0000FF" | 772 "backgroundColor": "#0000FF" |
| 651 }, | 773 }, |
| 652 { | 774 { |
| 775 "name": "Squashing Layer (first squashed layer: LayoutBlockFlow (r
elative positioned) DIV id='scrolled-fixed-grandchildren' class='scrolled')", |
| 653 "position": [256, 281], | 776 "position": [256, 281], |
| 654 "bounds": [75, 24], | 777 "bounds": [75, 24], |
| 655 "drawsContent": true | 778 "drawsContent": true |
| 656 } | 779 } |
| 657 ] | 780 ] |
| 658 }, | 781 }, |
| 659 { | 782 { |
| 783 "name": "LayoutBlockFlow (positioned) DIV id='container-fixed' class='
positionAbsolute overflow'", |
| 660 "position": [370, 250], | 784 "position": [370, 250], |
| 661 "bounds": [104, 104], | 785 "bounds": [104, 104], |
| 662 "shouldFlattenTransform": false, | 786 "shouldFlattenTransform": false, |
| 663 "drawsContent": true, | 787 "drawsContent": true, |
| 664 "children": [ | 788 "children": [ |
| 665 { | 789 { |
| 790 "name": "Scrolling Layer", |
| 666 "position": [2, 2], | 791 "position": [2, 2], |
| 667 "bounds": [85, 85], | 792 "bounds": [85, 85], |
| 668 "shouldFlattenTransform": false, | 793 "shouldFlattenTransform": false, |
| 669 "children": [ | 794 "children": [ |
| 670 { | 795 { |
| 796 "name": "Scrolling Contents Layer", |
| 671 "bounds": [85, 144] | 797 "bounds": [85, 144] |
| 672 } | 798 } |
| 673 ] | 799 ] |
| 674 }, | 800 }, |
| 675 { | 801 { |
| 802 "name": "Overflow Controls Host Layer", |
| 676 "bounds": [104, 104], | 803 "bounds": [104, 104], |
| 677 "children": [ | 804 "children": [ |
| 678 { | 805 { |
| 806 "name": "Horizontal Scrollbar Layer", |
| 679 "position": [2, 87], | 807 "position": [2, 87], |
| 680 "bounds": [85, 15] | 808 "bounds": [85, 15] |
| 681 }, | 809 }, |
| 682 { | 810 { |
| 811 "name": "Vertical Scrollbar Layer", |
| 683 "position": [87, 2], | 812 "position": [87, 2], |
| 684 "bounds": [15, 85] | 813 "bounds": [15, 85] |
| 685 }, | 814 }, |
| 686 { | 815 { |
| 816 "name": "Scroll Corner Layer", |
| 687 "position": [87, 87], | 817 "position": [87, 87], |
| 688 "bounds": [15, 15], | 818 "bounds": [15, 15], |
| 689 "drawsContent": true | 819 "drawsContent": true |
| 690 } | 820 } |
| 691 ] | 821 ] |
| 692 } | 822 } |
| 693 ] | 823 ] |
| 694 }, | 824 }, |
| 695 { | 825 { |
| 826 "name": "LayoutBlockFlow (positioned) DIV id='positioned-fixed' class=
'positionFixed positioned'", |
| 696 "position": [395, 315], | 827 "position": [395, 315], |
| 697 "bounds": [80, 40], | 828 "bounds": [80, 40], |
| 698 "contentsOpaque": true, | 829 "contentsOpaque": true, |
| 699 "drawsContent": true, | 830 "drawsContent": true, |
| 700 "backgroundColor": "#800080" | 831 "backgroundColor": "#800080" |
| 701 }, | 832 }, |
| 702 { | 833 { |
| 834 "name": "Squashing Containment Layer", |
| 703 "shouldFlattenTransform": false, | 835 "shouldFlattenTransform": false, |
| 704 "children": [ | 836 "children": [ |
| 705 { | 837 { |
| 838 "name": "LayoutBlockFlow (relative positioned) DIV id='scrolled-fi
xed' class='scrolled'", |
| 706 "position": [376, 225], | 839 "position": [376, 225], |
| 707 "bounds": [75, 24], | 840 "bounds": [75, 24], |
| 708 "contentsOpaque": true, | 841 "contentsOpaque": true, |
| 709 "drawsContent": true, | 842 "drawsContent": true, |
| 710 "backgroundColor": "#0000FF" | 843 "backgroundColor": "#0000FF" |
| 711 }, | 844 }, |
| 712 { | 845 { |
| 846 "name": "Squashing Layer (first squashed layer: LayoutBlockFlow (r
elative positioned) DIV id='scrolled-fixed' class='scrolled')", |
| 713 "position": [376, 281], | 847 "position": [376, 281], |
| 714 "bounds": [75, 24], | 848 "bounds": [75, 24], |
| 715 "drawsContent": true | 849 "drawsContent": true |
| 716 } | 850 } |
| 717 ] | 851 ] |
| 718 }, | 852 }, |
| 719 { | 853 { |
| 854 "name": "LayoutBlockFlow (positioned) DIV id='sibling-absolute-sibling
-grandchildren-not-contained' class='positionFixed sibling'", |
| 720 "position": [375, 20], | 855 "position": [375, 20], |
| 721 "bounds": [50, 100], | 856 "bounds": [50, 100], |
| 722 "contentsOpaque": true, | 857 "contentsOpaque": true, |
| 723 "drawsContent": true, | 858 "drawsContent": true, |
| 724 "backgroundColor": "#008000" | 859 "backgroundColor": "#008000" |
| 725 }, | 860 }, |
| 726 { | 861 { |
| 862 "name": "LayoutBlockFlow (positioned) DIV id='sibling-absolute-sibling
-grandchildren' class='positionFixed sibling'", |
| 727 "position": [15, 140], | 863 "position": [15, 140], |
| 728 "bounds": [50, 100], | 864 "bounds": [50, 100], |
| 729 "contentsOpaque": true, | 865 "contentsOpaque": true, |
| 730 "drawsContent": true, | 866 "drawsContent": true, |
| 731 "backgroundColor": "#008000" | 867 "backgroundColor": "#008000" |
| 732 }, | 868 }, |
| 733 { | 869 { |
| 870 "name": "LayoutBlockFlow (positioned) DIV id='sibling-absolute-sibling
-not-contained' class='positionFixed sibling'", |
| 734 "position": [135, 140], | 871 "position": [135, 140], |
| 735 "bounds": [50, 100], | 872 "bounds": [50, 100], |
| 736 "contentsOpaque": true, | 873 "contentsOpaque": true, |
| 737 "drawsContent": true, | 874 "drawsContent": true, |
| 738 "backgroundColor": "#008000" | 875 "backgroundColor": "#008000" |
| 739 }, | 876 }, |
| 740 { | 877 { |
| 878 "name": "LayoutBlockFlow (positioned) DIV id='sibling-absolute-sibling
' class='positionFixed sibling'", |
| 741 "position": [255, 140], | 879 "position": [255, 140], |
| 742 "bounds": [50, 100], | 880 "bounds": [50, 100], |
| 743 "contentsOpaque": true, | 881 "contentsOpaque": true, |
| 744 "drawsContent": true, | 882 "drawsContent": true, |
| 745 "backgroundColor": "#008000" | 883 "backgroundColor": "#008000" |
| 746 }, | 884 }, |
| 747 { | 885 { |
| 886 "name": "LayoutBlockFlow (positioned) DIV id='sibling-fixed-sibling-gr
andchildren' class='positionFixed sibling'", |
| 748 "position": [15, 260], | 887 "position": [15, 260], |
| 749 "bounds": [50, 100], | 888 "bounds": [50, 100], |
| 750 "contentsOpaque": true, | 889 "contentsOpaque": true, |
| 751 "drawsContent": true, | 890 "drawsContent": true, |
| 752 "backgroundColor": "#008000" | 891 "backgroundColor": "#008000" |
| 753 }, | 892 }, |
| 754 { | 893 { |
| 894 "name": "LayoutBlockFlow (positioned) DIV id='sibling-fixed-sibling' c
lass='positionFixed sibling'", |
| 755 "position": [135, 260], | 895 "position": [135, 260], |
| 756 "bounds": [50, 100], | 896 "bounds": [50, 100], |
| 757 "contentsOpaque": true, | 897 "contentsOpaque": true, |
| 758 "drawsContent": true, | 898 "drawsContent": true, |
| 759 "backgroundColor": "#008000" | 899 "backgroundColor": "#008000" |
| 760 }, | 900 }, |
| 761 { | 901 { |
| 902 "name": "Squashing Containment Layer", |
| 762 "shouldFlattenTransform": false, | 903 "shouldFlattenTransform": false, |
| 763 "children": [ | 904 "children": [ |
| 764 { | 905 { |
| 906 "name": "LayoutBlockFlow (relative positioned) DIV id='scrolled-ab
solute-grandchildren-not-contained' class='scrolled onTop'", |
| 765 "position": [16, -43], | 907 "position": [16, -43], |
| 766 "bounds": [75, 24], | 908 "bounds": [75, 24], |
| 767 "contentsOpaque": true, | 909 "contentsOpaque": true, |
| 768 "drawsContent": true, | 910 "drawsContent": true, |
| 769 "backgroundColor": "#0000FF" | 911 "backgroundColor": "#0000FF" |
| 770 }, | 912 }, |
| 771 { | 913 { |
| 914 "name": "Squashing Layer (first squashed layer: LayoutBlockFlow (r
elative positioned) DIV id='scrolled-absolute-grandchildren-not-contained' class
='scrolled onTop')", |
| 772 "position": [16, 13], | 915 "position": [16, 13], |
| 773 "bounds": [75, 80], | 916 "bounds": [75, 80], |
| 774 "drawsContent": true | 917 "drawsContent": true |
| 775 } | 918 } |
| 776 ] | 919 ] |
| 777 }, | 920 }, |
| 778 { | 921 { |
| 922 "name": "Squashing Containment Layer", |
| 779 "shouldFlattenTransform": false, | 923 "shouldFlattenTransform": false, |
| 780 "children": [ | 924 "children": [ |
| 781 { | 925 { |
| 926 "name": "LayoutBlockFlow (relative positioned) DIV id='scrolled-ab
solute-grandchildren' class='scrolled onTop'", |
| 782 "position": [136, -43], | 927 "position": [136, -43], |
| 783 "bounds": [75, 24], | 928 "bounds": [75, 24], |
| 784 "contentsOpaque": true, | 929 "contentsOpaque": true, |
| 785 "drawsContent": true, | 930 "drawsContent": true, |
| 786 "backgroundColor": "#0000FF" | 931 "backgroundColor": "#0000FF" |
| 787 }, | 932 }, |
| 788 { | 933 { |
| 934 "name": "Squashing Layer (first squashed layer: LayoutBlockFlow (r
elative positioned) DIV id='scrolled-absolute-grandchildren' class='scrolled onT
op')", |
| 789 "position": [136, 13], | 935 "position": [136, 13], |
| 790 "bounds": [75, 80], | 936 "bounds": [75, 80], |
| 791 "drawsContent": true | 937 "drawsContent": true |
| 792 } | 938 } |
| 793 ] | 939 ] |
| 794 }, | 940 }, |
| 795 { | 941 { |
| 942 "name": "Squashing Containment Layer", |
| 796 "shouldFlattenTransform": false, | 943 "shouldFlattenTransform": false, |
| 797 "children": [ | 944 "children": [ |
| 798 { | 945 { |
| 946 "name": "LayoutBlockFlow (relative positioned) DIV id='scrolled-ab
solute-not-contained' class='scrolled onTop'", |
| 799 "position": [256, -43], | 947 "position": [256, -43], |
| 800 "bounds": [75, 24], | 948 "bounds": [75, 24], |
| 801 "contentsOpaque": true, | 949 "contentsOpaque": true, |
| 802 "drawsContent": true, | 950 "drawsContent": true, |
| 803 "backgroundColor": "#0000FF" | 951 "backgroundColor": "#0000FF" |
| 804 }, | 952 }, |
| 805 { | 953 { |
| 954 "name": "Squashing Layer (first squashed layer: LayoutBlockFlow (r
elative positioned) DIV id='scrolled-absolute-not-contained' class='scrolled onT
op')", |
| 806 "position": [256, 13], | 955 "position": [256, 13], |
| 807 "bounds": [75, 80], | 956 "bounds": [75, 80], |
| 808 "drawsContent": true | 957 "drawsContent": true |
| 809 } | 958 } |
| 810 ] | 959 ] |
| 811 }, | 960 }, |
| 812 { | 961 { |
| 962 "name": "Squashing Containment Layer", |
| 813 "shouldFlattenTransform": false, | 963 "shouldFlattenTransform": false, |
| 814 "children": [ | 964 "children": [ |
| 815 { | 965 { |
| 966 "name": "LayoutBlockFlow (relative positioned) DIV id='scrolled-ab
solute-sibling-grandchildren-not-contained' class='scrolled onTop'", |
| 816 "position": [376, -43], | 967 "position": [376, -43], |
| 817 "bounds": [75, 24], | 968 "bounds": [75, 24], |
| 818 "contentsOpaque": true, | 969 "contentsOpaque": true, |
| 819 "drawsContent": true, | 970 "drawsContent": true, |
| 820 "backgroundColor": "#0000FF" | 971 "backgroundColor": "#0000FF" |
| 821 }, | 972 }, |
| 822 { | 973 { |
| 974 "name": "Squashing Layer (first squashed layer: LayoutBlockFlow (r
elative positioned) DIV id='scrolled-absolute-sibling-grandchildren-not-containe
d' class='scrolled onTop')", |
| 823 "position": [376, 13], | 975 "position": [376, 13], |
| 824 "bounds": [75, 80], | 976 "bounds": [75, 80], |
| 825 "drawsContent": true | 977 "drawsContent": true |
| 826 } | 978 } |
| 827 ] | 979 ] |
| 828 }, | 980 }, |
| 829 { | 981 { |
| 982 "name": "Squashing Containment Layer", |
| 830 "shouldFlattenTransform": false, | 983 "shouldFlattenTransform": false, |
| 831 "children": [ | 984 "children": [ |
| 832 { | 985 { |
| 986 "name": "LayoutBlockFlow (relative positioned) DIV id='scrolled-ab
solute-sibling-grandchildren' class='scrolled onTop'", |
| 833 "position": [16, 77], | 987 "position": [16, 77], |
| 834 "bounds": [75, 24], | 988 "bounds": [75, 24], |
| 835 "contentsOpaque": true, | 989 "contentsOpaque": true, |
| 836 "drawsContent": true, | 990 "drawsContent": true, |
| 837 "backgroundColor": "#0000FF" | 991 "backgroundColor": "#0000FF" |
| 838 }, | 992 }, |
| 839 { | 993 { |
| 994 "name": "Squashing Layer (first squashed layer: LayoutBlockFlow (r
elative positioned) DIV id='scrolled-absolute-sibling-grandchildren' class='scro
lled onTop')", |
| 840 "position": [16, 133], | 995 "position": [16, 133], |
| 841 "bounds": [75, 80], | 996 "bounds": [75, 80], |
| 842 "drawsContent": true | 997 "drawsContent": true |
| 843 } | 998 } |
| 844 ] | 999 ] |
| 845 }, | 1000 }, |
| 846 { | 1001 { |
| 1002 "name": "Squashing Containment Layer", |
| 847 "shouldFlattenTransform": false, | 1003 "shouldFlattenTransform": false, |
| 848 "children": [ | 1004 "children": [ |
| 849 { | 1005 { |
| 1006 "name": "LayoutBlockFlow (relative positioned) DIV id='scrolled-ab
solute-sibling-not-contained' class='scrolled onTop'", |
| 850 "position": [136, 77], | 1007 "position": [136, 77], |
| 851 "bounds": [75, 24], | 1008 "bounds": [75, 24], |
| 852 "contentsOpaque": true, | 1009 "contentsOpaque": true, |
| 853 "drawsContent": true, | 1010 "drawsContent": true, |
| 854 "backgroundColor": "#0000FF" | 1011 "backgroundColor": "#0000FF" |
| 855 }, | 1012 }, |
| 856 { | 1013 { |
| 1014 "name": "Squashing Layer (first squashed layer: LayoutBlockFlow (r
elative positioned) DIV id='scrolled-absolute-sibling-not-contained' class='scro
lled onTop')", |
| 857 "position": [136, 133], | 1015 "position": [136, 133], |
| 858 "bounds": [75, 80], | 1016 "bounds": [75, 80], |
| 859 "drawsContent": true | 1017 "drawsContent": true |
| 860 } | 1018 } |
| 861 ] | 1019 ] |
| 862 }, | 1020 }, |
| 863 { | 1021 { |
| 1022 "name": "Squashing Containment Layer", |
| 864 "shouldFlattenTransform": false, | 1023 "shouldFlattenTransform": false, |
| 865 "children": [ | 1024 "children": [ |
| 866 { | 1025 { |
| 1026 "name": "LayoutBlockFlow (relative positioned) DIV id='scrolled-ab
solute-sibling' class='scrolled onTop'", |
| 867 "position": [256, 77], | 1027 "position": [256, 77], |
| 868 "bounds": [75, 24], | 1028 "bounds": [75, 24], |
| 869 "contentsOpaque": true, | 1029 "contentsOpaque": true, |
| 870 "drawsContent": true, | 1030 "drawsContent": true, |
| 871 "backgroundColor": "#0000FF" | 1031 "backgroundColor": "#0000FF" |
| 872 }, | 1032 }, |
| 873 { | 1033 { |
| 1034 "name": "Squashing Layer (first squashed layer: LayoutBlockFlow (r
elative positioned) DIV id='scrolled-absolute-sibling' class='scrolled onTop')", |
| 874 "position": [256, 133], | 1035 "position": [256, 133], |
| 875 "bounds": [75, 80], | 1036 "bounds": [75, 80], |
| 876 "drawsContent": true | 1037 "drawsContent": true |
| 877 } | 1038 } |
| 878 ] | 1039 ] |
| 879 }, | 1040 }, |
| 880 { | 1041 { |
| 1042 "name": "Squashing Containment Layer", |
| 881 "shouldFlattenTransform": false, | 1043 "shouldFlattenTransform": false, |
| 882 "children": [ | 1044 "children": [ |
| 883 { | 1045 { |
| 1046 "name": "LayoutBlockFlow (relative positioned) DIV id='scrolled-ab
solute' class='scrolled onTop'", |
| 884 "position": [376, 77], | 1047 "position": [376, 77], |
| 885 "bounds": [75, 24], | 1048 "bounds": [75, 24], |
| 886 "contentsOpaque": true, | 1049 "contentsOpaque": true, |
| 887 "drawsContent": true, | 1050 "drawsContent": true, |
| 888 "backgroundColor": "#0000FF" | 1051 "backgroundColor": "#0000FF" |
| 889 }, | 1052 }, |
| 890 { | 1053 { |
| 1054 "name": "Squashing Layer (first squashed layer: LayoutBlockFlow (r
elative positioned) DIV id='scrolled-absolute' class='scrolled onTop')", |
| 891 "position": [376, 133], | 1055 "position": [376, 133], |
| 892 "bounds": [75, 80], | 1056 "bounds": [75, 80], |
| 893 "drawsContent": true | 1057 "drawsContent": true |
| 894 } | 1058 } |
| 895 ] | 1059 ] |
| 896 }, | 1060 }, |
| 897 { | 1061 { |
| 1062 "name": "Squashing Containment Layer", |
| 898 "shouldFlattenTransform": false, | 1063 "shouldFlattenTransform": false, |
| 899 "children": [ | 1064 "children": [ |
| 900 { | 1065 { |
| 1066 "name": "LayoutBlockFlow (relative positioned) DIV id='scrolled-fi
xed-sibling-grandchildren' class='scrolled onTop'", |
| 901 "position": [16, 197], | 1067 "position": [16, 197], |
| 902 "bounds": [75, 24], | 1068 "bounds": [75, 24], |
| 903 "contentsOpaque": true, | 1069 "contentsOpaque": true, |
| 904 "drawsContent": true, | 1070 "drawsContent": true, |
| 905 "backgroundColor": "#0000FF" | 1071 "backgroundColor": "#0000FF" |
| 906 }, | 1072 }, |
| 907 { | 1073 { |
| 1074 "name": "Squashing Layer (first squashed layer: LayoutBlockFlow (r
elative positioned) DIV id='scrolled-fixed-sibling-grandchildren' class='scrolle
d onTop')", |
| 908 "position": [16, 253], | 1075 "position": [16, 253], |
| 909 "bounds": [75, 80], | 1076 "bounds": [75, 80], |
| 910 "drawsContent": true | 1077 "drawsContent": true |
| 911 } | 1078 } |
| 912 ] | 1079 ] |
| 913 }, | 1080 }, |
| 914 { | 1081 { |
| 1082 "name": "Squashing Containment Layer", |
| 915 "shouldFlattenTransform": false, | 1083 "shouldFlattenTransform": false, |
| 916 "children": [ | 1084 "children": [ |
| 917 { | 1085 { |
| 1086 "name": "LayoutBlockFlow (relative positioned) DIV id='scrolled-fi
xed-sibling' class='scrolled onTop'", |
| 918 "position": [136, 197], | 1087 "position": [136, 197], |
| 919 "bounds": [75, 24], | 1088 "bounds": [75, 24], |
| 920 "contentsOpaque": true, | 1089 "contentsOpaque": true, |
| 921 "drawsContent": true, | 1090 "drawsContent": true, |
| 922 "backgroundColor": "#0000FF" | 1091 "backgroundColor": "#0000FF" |
| 923 }, | 1092 }, |
| 924 { | 1093 { |
| 1094 "name": "Squashing Layer (first squashed layer: LayoutBlockFlow (r
elative positioned) DIV id='scrolled-fixed-sibling' class='scrolled onTop')", |
| 925 "position": [136, 253], | 1095 "position": [136, 253], |
| 926 "bounds": [75, 80], | 1096 "bounds": [75, 80], |
| 927 "drawsContent": true | 1097 "drawsContent": true |
| 928 } | 1098 } |
| 929 ] | 1099 ] |
| 930 }, | 1100 }, |
| 931 { | 1101 { |
| 1102 "name": "Squashing Containment Layer", |
| 932 "shouldFlattenTransform": false, | 1103 "shouldFlattenTransform": false, |
| 933 "children": [ | 1104 "children": [ |
| 934 { | 1105 { |
| 1106 "name": "LayoutBlockFlow (relative positioned) DIV id='scrolled-fi
xed-grandchildren' class='scrolled onTop'", |
| 935 "position": [256, 197], | 1107 "position": [256, 197], |
| 936 "bounds": [75, 24], | 1108 "bounds": [75, 24], |
| 937 "contentsOpaque": true, | 1109 "contentsOpaque": true, |
| 938 "drawsContent": true, | 1110 "drawsContent": true, |
| 939 "backgroundColor": "#0000FF" | 1111 "backgroundColor": "#0000FF" |
| 940 }, | 1112 }, |
| 941 { | 1113 { |
| 1114 "name": "Squashing Layer (first squashed layer: LayoutBlockFlow (r
elative positioned) DIV id='scrolled-fixed-grandchildren' class='scrolled onTop'
)", |
| 942 "position": [256, 253], | 1115 "position": [256, 253], |
| 943 "bounds": [75, 80], | 1116 "bounds": [75, 80], |
| 944 "drawsContent": true | 1117 "drawsContent": true |
| 945 } | 1118 } |
| 946 ] | 1119 ] |
| 947 }, | 1120 }, |
| 948 { | 1121 { |
| 1122 "name": "Squashing Containment Layer", |
| 949 "shouldFlattenTransform": false, | 1123 "shouldFlattenTransform": false, |
| 950 "children": [ | 1124 "children": [ |
| 951 { | 1125 { |
| 1126 "name": "LayoutBlockFlow (relative positioned) DIV id='scrolled-fi
xed' class='scrolled onTop'", |
| 952 "position": [376, 197], | 1127 "position": [376, 197], |
| 953 "bounds": [75, 24], | 1128 "bounds": [75, 24], |
| 954 "contentsOpaque": true, | 1129 "contentsOpaque": true, |
| 955 "drawsContent": true, | 1130 "drawsContent": true, |
| 956 "backgroundColor": "#0000FF" | 1131 "backgroundColor": "#0000FF" |
| 957 }, | 1132 }, |
| 958 { | 1133 { |
| 1134 "name": "Squashing Layer (first squashed layer: LayoutBlockFlow (r
elative positioned) DIV id='scrolled-fixed' class='scrolled onTop')", |
| 959 "position": [376, 253], | 1135 "position": [376, 253], |
| 960 "bounds": [75, 80], | 1136 "bounds": [75, 80], |
| 961 "drawsContent": true | 1137 "drawsContent": true |
| 962 } | 1138 } |
| 963 ] | 1139 ] |
| 964 } | 1140 } |
| 965 ] | 1141 ] |
| 966 } | 1142 } |
| 967 ] | 1143 ] |
| 968 } | 1144 } |
| 969 | 1145 |
| OLD | NEW |