| OLD | NEW |
| 1 { | 1 { |
| 2 "name": "Content Root Layer", | 2 "layers": [ |
| 3 "bounds": [800, 600], | |
| 4 "children": [ | |
| 5 { | 3 { |
| 6 "name": "LayoutView #document", | 4 "name": "LayoutView #document", |
| 7 "bounds": [800, 600], | 5 "bounds": [800, 600], |
| 8 "contentsOpaque": true, | 6 "contentsOpaque": true, |
| 7 "drawsContent": true |
| 8 }, |
| 9 { |
| 10 "name": "LayoutBlockFlow (positioned) DIV id='outer'", |
| 11 "position": [8, 8], |
| 12 "bounds": [404, 404], |
| 13 "shouldFlattenTransform": false, |
| 14 "drawsContent": true |
| 15 }, |
| 16 { |
| 17 "name": "Scrolling Layer", |
| 18 "position": [2, 2], |
| 19 "bounds": [400, 400], |
| 20 "shouldFlattenTransform": false |
| 21 }, |
| 22 { |
| 23 "name": "Scrolling Contents Layer", |
| 24 "bounds": [400, 704], |
| 25 "drawsContent": true |
| 26 }, |
| 27 { |
| 28 "name": "LayoutBlockFlow (positioned) DIV id='inner'", |
| 29 "position": [0, 500], |
| 30 "bounds": [204, 204], |
| 31 "shouldFlattenTransform": false, |
| 32 "drawsContent": true |
| 33 }, |
| 34 { |
| 35 "name": "Scrolling Layer", |
| 36 "position": [2, 2], |
| 37 "bounds": [200, 200], |
| 38 "shouldFlattenTransform": false |
| 39 }, |
| 40 { |
| 41 "name": "Scrolling Contents Layer", |
| 42 "bounds": [5000, 9000], |
| 43 "drawsContent": true |
| 44 }, |
| 45 { |
| 46 "name": "Squashing Containment Layer", |
| 47 "shouldFlattenTransform": false |
| 48 }, |
| 49 { |
| 50 "name": "LayoutBlockFlow (positioned) DIV id='grey'", |
| 51 "position": [2, 502], |
| 52 "bounds": [100, 800], |
| 53 "contentsOpaque": true, |
| 9 "drawsContent": true, | 54 "drawsContent": true, |
| 10 "children": [ | 55 "backgroundColor": "#808080" |
| 11 { | 56 }, |
| 12 "name": "LayoutBlockFlow (positioned) DIV id='outer'", | 57 { |
| 13 "position": [8, 8], | 58 "name": "Squashing Layer (first squashed layer: LayoutBlockFlow (positione
d) DIV id='spacer')", |
| 14 "bounds": [404, 404], | 59 "position": [2, 2502], |
| 15 "shouldFlattenTransform": false, | 60 "bounds": [5000, 1000], |
| 16 "drawsContent": true, | 61 "drawsContent": true |
| 17 "children": [ | 62 }, |
| 18 { | 63 { |
| 19 "name": "Scrolling Layer", | 64 "name": "Overflow Controls Host Layer", |
| 20 "position": [2, 2], | 65 "position": [2, 502], |
| 21 "bounds": [400, 400], | 66 "bounds": [204, 204] |
| 22 "shouldFlattenTransform": false, | 67 }, |
| 23 "children": [ | 68 { |
| 24 { | 69 "name": "Horizontal Scrollbar Layer", |
| 25 "name": "Scrolling Contents Layer", | 70 "position": [2, 195], |
| 26 "bounds": [400, 704], | 71 "bounds": [193, 7] |
| 27 "drawsContent": true, | 72 }, |
| 28 "children": [ | 73 { |
| 29 { | 74 "name": "Vertical Scrollbar Layer", |
| 30 "name": "LayoutBlockFlow (positioned) DIV id='inner'", | 75 "position": [195, 2], |
| 31 "position": [0, 500], | 76 "bounds": [7, 193] |
| 32 "bounds": [204, 204], | 77 }, |
| 33 "shouldFlattenTransform": false, | 78 { |
| 34 "drawsContent": true, | 79 "name": "Scroll Corner Layer", |
| 35 "children": [ | 80 "position": [195, 195], |
| 36 { | 81 "bounds": [7, 7], |
| 37 "name": "Scrolling Layer", | 82 "drawsContent": true |
| 38 "position": [2, 2], | 83 }, |
| 39 "bounds": [200, 200], | 84 { |
| 40 "shouldFlattenTransform": false, | 85 "name": "Overflow Controls Host Layer", |
| 41 "children": [ | 86 "bounds": [404, 404] |
| 42 { | 87 }, |
| 43 "name": "Scrolling Contents Layer", | 88 { |
| 44 "bounds": [5000, 9000], | 89 "name": "Vertical Scrollbar Layer", |
| 45 "drawsContent": true | 90 "position": [395, 2], |
| 46 } | 91 "bounds": [7, 400] |
| 47 ] | |
| 48 } | |
| 49 ] | |
| 50 }, | |
| 51 { | |
| 52 "name": "Squashing Containment Layer", | |
| 53 "shouldFlattenTransform": false, | |
| 54 "children": [ | |
| 55 { | |
| 56 "name": "LayoutBlockFlow (positioned) DIV id='grey'", | |
| 57 "position": [2, 502], | |
| 58 "bounds": [100, 800], | |
| 59 "contentsOpaque": true, | |
| 60 "drawsContent": true, | |
| 61 "backgroundColor": "#808080" | |
| 62 }, | |
| 63 { | |
| 64 "name": "Squashing Layer (first squashed layer: Layout
BlockFlow (positioned) DIV id='spacer')", | |
| 65 "position": [2, 2502], | |
| 66 "bounds": [5000, 1000], | |
| 67 "drawsContent": true | |
| 68 } | |
| 69 ] | |
| 70 }, | |
| 71 { | |
| 72 "name": "Overflow Controls Host Layer", | |
| 73 "position": [2, 502], | |
| 74 "bounds": [204, 204], | |
| 75 "children": [ | |
| 76 { | |
| 77 "name": "Horizontal Scrollbar Layer", | |
| 78 "position": [2, 195], | |
| 79 "bounds": [193, 7] | |
| 80 }, | |
| 81 { | |
| 82 "name": "Vertical Scrollbar Layer", | |
| 83 "position": [195, 2], | |
| 84 "bounds": [7, 193] | |
| 85 }, | |
| 86 { | |
| 87 "name": "Scroll Corner Layer", | |
| 88 "position": [195, 195], | |
| 89 "bounds": [7, 7], | |
| 90 "drawsContent": true | |
| 91 } | |
| 92 ] | |
| 93 } | |
| 94 ] | |
| 95 } | |
| 96 ] | |
| 97 }, | |
| 98 { | |
| 99 "name": "Overflow Controls Host Layer", | |
| 100 "bounds": [404, 404], | |
| 101 "children": [ | |
| 102 { | |
| 103 "name": "Vertical Scrollbar Layer", | |
| 104 "position": [395, 2], | |
| 105 "bounds": [7, 400] | |
| 106 } | |
| 107 ] | |
| 108 } | |
| 109 ] | |
| 110 } | |
| 111 ] | |
| 112 } | 92 } |
| 113 ] | 93 ] |
| 114 } | 94 } |
| 115 | 95 |
| OLD | NEW |