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