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