| OLD | NEW |
| 1 scroll me | 1 scroll me |
| 2 { | 2 { |
| 3 "layers": [ | 3 "layers": [ |
| 4 { | 4 { |
| 5 "name": "LayoutView #document", | 5 "name": "LayoutView #document", |
| 6 "bounds": [800, 600], | 6 "bounds": [800, 600], |
| 7 "contentsOpaque": true, | 7 "contentsOpaque": true, |
| 8 "drawsContent": true | 8 "drawsContent": true |
| 9 }, | 9 }, |
| 10 { | 10 { |
| 11 "name": "Squashing Containment Layer", | 11 "name": "Squashing Containment Layer", |
| 12 "shouldFlattenTransform": false | 12 "shouldFlattenTransform": false |
| 13 }, | 13 }, |
| 14 { | 14 { |
| 15 "name": "LayoutBlockFlow DIV id='composited'", | 15 "name": "LayoutBlockFlow DIV id='composited'", |
| 16 "position": [8, 8], | 16 "position": [8, 8], |
| 17 "bounds": [20, 20] | 17 "bounds": [20, 20] |
| 18 }, | 18 }, |
| 19 { | 19 { |
| 20 "name": "Squashing Layer (first squashed layer: LayoutBlockFlow (positione
d) DIV id='overlay')", | 20 "name": "Squashing Layer (first squashed layer: LayoutBlockFlow (positione
d) DIV id='overlay')", |
| 21 "position": [10, 8], | 21 "position": [10, 8], |
| 22 "bounds": [400, 204], | 22 "bounds": [400, 204], |
| 23 "drawsContent": true | 23 "drawsContent": true |
| 24 }, | |
| 25 { | |
| 26 "name": "LayoutBlockFlow DIV id='scroller'", | |
| 27 "position": [202, 10], | |
| 28 "bounds": [200, 200], | |
| 29 "shouldFlattenTransform": false, | |
| 30 "drawsContent": true, | |
| 31 "backgroundColor": "#FFFF00" | |
| 32 }, | |
| 33 { | |
| 34 "name": "Scrolling Layer", | |
| 35 "bounds": [185, 200], | |
| 36 "shouldFlattenTransform": false | |
| 37 }, | |
| 38 { | |
| 39 "name": "Scrolling Contents Layer", | |
| 40 "bounds": [185, 400], | |
| 41 "contentsOpaque": true, | |
| 42 "drawsContent": true | |
| 43 }, | |
| 44 { | |
| 45 "name": "Overflow Controls Host Layer", | |
| 46 "bounds": [200, 200] | |
| 47 }, | |
| 48 { | |
| 49 "name": "Vertical Scrollbar Layer", | |
| 50 "position": [185, 0], | |
| 51 "bounds": [15, 200] | |
| 52 } | 24 } |
| 53 ] | 25 ] |
| 54 } | 26 } |
| 55 | 27 |
| OLD | NEW |