| 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, |
| 9 "drawsContent": true, | 7 "drawsContent": true |
| 10 "children": [ | 8 }, |
| 11 { | 9 { |
| 12 "name": "LayoutBlockFlow (positioned) DIV class='container'", | 10 "name": "LayoutBlockFlow (positioned) DIV class='container'", |
| 13 "position": [8, 13], | 11 "position": [8, 13], |
| 14 "bounds": [100, 100], | 12 "bounds": [100, 100], |
| 15 "shouldFlattenTransform": false, | 13 "shouldFlattenTransform": false, |
| 16 "drawsContent": true, | 14 "drawsContent": true |
| 17 "children": [ | 15 }, |
| 18 { | 16 { |
| 19 "name": "Scrolling Layer", | 17 "name": "Scrolling Layer", |
| 20 "bounds": [85, 100], | 18 "bounds": [85, 100], |
| 21 "shouldFlattenTransform": false, | 19 "shouldFlattenTransform": false |
| 22 "children": [ | 20 }, |
| 23 { | 21 { |
| 24 "name": "Scrolling Contents Layer", | 22 "name": "Scrolling Contents Layer", |
| 25 "bounds": [85, 200], | 23 "bounds": [85, 200] |
| 26 "children": [ | 24 }, |
| 27 { | 25 { |
| 28 "name": "LayoutBlockFlow (positioned) DIV id='vertical' cl
ass='content tall'", | 26 "name": "LayoutBlockFlow (positioned) DIV id='vertical' class='content tal
l'", |
| 29 "bounds": [10, 200] | 27 "bounds": [10, 200] |
| 30 } | 28 }, |
| 31 ] | 29 { |
| 32 } | 30 "name": "Overflow Controls Host Layer", |
| 33 ] | 31 "bounds": [100, 100] |
| 34 }, | 32 }, |
| 35 { | 33 { |
| 36 "name": "Overflow Controls Host Layer", | 34 "name": "Vertical Scrollbar Layer", |
| 37 "bounds": [100, 100], | 35 "position": [85, 0], |
| 38 "children": [ | 36 "bounds": [15, 100] |
| 39 { | 37 }, |
| 40 "name": "Vertical Scrollbar Layer", | 38 { |
| 41 "position": [85, 0], | 39 "name": "LayoutBlockFlow (positioned) DIV class='container'", |
| 42 "bounds": [15, 100] | 40 "position": [8, 13], |
| 43 } | 41 "bounds": [100, 100], |
| 44 ] | 42 "shouldFlattenTransform": false, |
| 45 } | 43 "drawsContent": true |
| 46 ] | 44 }, |
| 47 }, | 45 { |
| 48 { | 46 "name": "Scrolling Layer", |
| 49 "name": "LayoutBlockFlow (positioned) DIV class='container'", | 47 "bounds": [100, 85], |
| 50 "position": [8, 13], | 48 "shouldFlattenTransform": false |
| 51 "bounds": [100, 100], | 49 }, |
| 52 "shouldFlattenTransform": false, | 50 { |
| 53 "drawsContent": true, | 51 "name": "Scrolling Contents Layer", |
| 54 "children": [ | 52 "bounds": [200, 85] |
| 55 { | 53 }, |
| 56 "name": "Scrolling Layer", | 54 { |
| 57 "bounds": [100, 85], | 55 "name": "LayoutBlockFlow (positioned) DIV id='horizontal' class='content w
ide'", |
| 58 "shouldFlattenTransform": false, | 56 "bounds": [200, 10] |
| 59 "children": [ | 57 }, |
| 60 { | 58 { |
| 61 "name": "Scrolling Contents Layer", | 59 "name": "Overflow Controls Host Layer", |
| 62 "bounds": [200, 85], | 60 "bounds": [100, 100] |
| 63 "children": [ | 61 }, |
| 64 { | 62 { |
| 65 "name": "LayoutBlockFlow (positioned) DIV id='horizontal'
class='content wide'", | 63 "name": "Horizontal Scrollbar Layer", |
| 66 "bounds": [200, 10] | 64 "position": [0, 85], |
| 67 } | 65 "bounds": [100, 15] |
| 68 ] | 66 }, |
| 69 } | 67 { |
| 70 ] | 68 "name": "LayoutBlockFlow (positioned) DIV class='container'", |
| 71 }, | 69 "position": [8, 13], |
| 72 { | 70 "bounds": [100, 100], |
| 73 "name": "Overflow Controls Host Layer", | 71 "shouldFlattenTransform": false, |
| 74 "bounds": [100, 100], | 72 "drawsContent": true |
| 75 "children": [ | 73 }, |
| 76 { | 74 { |
| 77 "name": "Horizontal Scrollbar Layer", | 75 "name": "Scrolling Layer", |
| 78 "position": [0, 85], | 76 "bounds": [85, 85], |
| 79 "bounds": [100, 15] | 77 "shouldFlattenTransform": false |
| 80 } | 78 }, |
| 81 ] | 79 { |
| 82 } | 80 "name": "Scrolling Contents Layer", |
| 83 ] | 81 "bounds": [200, 200] |
| 84 }, | 82 }, |
| 85 { | 83 { |
| 86 "name": "LayoutBlockFlow (positioned) DIV class='container'", | 84 "name": "LayoutBlockFlow (positioned) DIV id='both' class='content wide ta
ll'", |
| 87 "position": [8, 13], | 85 "bounds": [200, 200] |
| 88 "bounds": [100, 100], | 86 }, |
| 89 "shouldFlattenTransform": false, | 87 { |
| 90 "drawsContent": true, | 88 "name": "Overflow Controls Host Layer", |
| 91 "children": [ | 89 "bounds": [100, 100] |
| 92 { | 90 }, |
| 93 "name": "Scrolling Layer", | 91 { |
| 94 "bounds": [85, 85], | 92 "name": "Horizontal Scrollbar Layer", |
| 95 "shouldFlattenTransform": false, | 93 "position": [0, 85], |
| 96 "children": [ | 94 "bounds": [85, 15] |
| 97 { | 95 }, |
| 98 "name": "Scrolling Contents Layer", | 96 { |
| 99 "bounds": [200, 200], | 97 "name": "Vertical Scrollbar Layer", |
| 100 "children": [ | 98 "position": [85, 0], |
| 101 { | 99 "bounds": [15, 85] |
| 102 "name": "LayoutBlockFlow (positioned) DIV id='both' class=
'content wide tall'", | 100 }, |
| 103 "bounds": [200, 200] | 101 { |
| 104 } | 102 "name": "Scroll Corner Layer", |
| 105 ] | 103 "position": [85, 85], |
| 106 } | 104 "bounds": [15, 15], |
| 107 ] | 105 "drawsContent": true |
| 108 }, | 106 }, |
| 109 { | 107 { |
| 110 "name": "Overflow Controls Host Layer", | 108 "name": "LayoutBlockFlow (positioned) DIV id='corner' class='container res
izeWidget'", |
| 111 "bounds": [100, 100], | 109 "position": [8, 13], |
| 112 "children": [ | 110 "bounds": [100, 100], |
| 113 { | 111 "drawsContent": true |
| 114 "name": "Horizontal Scrollbar Layer", | 112 }, |
| 115 "position": [0, 85], | 113 { |
| 116 "bounds": [85, 15] | 114 "name": "Child Containment Layer", |
| 117 }, | 115 "bounds": [100, 100] |
| 118 { | 116 }, |
| 119 "name": "Vertical Scrollbar Layer", | 117 { |
| 120 "position": [85, 0], | 118 "name": "LayoutBlockFlow (positioned) DIV class='content'", |
| 121 "bounds": [15, 85] | 119 "bounds": [10, 10] |
| 122 }, | 120 }, |
| 123 { | 121 { |
| 124 "name": "Scroll Corner Layer", | 122 "name": "Overflow Controls Host Layer", |
| 125 "position": [85, 85], | 123 "bounds": [100, 100] |
| 126 "bounds": [15, 15], | 124 }, |
| 127 "drawsContent": true | 125 { |
| 128 } | 126 "name": "Scroll Corner Layer", |
| 129 ] | 127 "position": [85, 85], |
| 130 } | 128 "bounds": [15, 15], |
| 131 ] | 129 "drawsContent": true |
| 132 }, | |
| 133 { | |
| 134 "name": "LayoutBlockFlow (positioned) DIV id='corner' class='container
resizeWidget'", | |
| 135 "position": [8, 13], | |
| 136 "bounds": [100, 100], | |
| 137 "drawsContent": true, | |
| 138 "children": [ | |
| 139 { | |
| 140 "name": "Child Containment Layer", | |
| 141 "bounds": [100, 100], | |
| 142 "children": [ | |
| 143 { | |
| 144 "name": "LayoutBlockFlow (positioned) DIV class='content'", | |
| 145 "bounds": [10, 10] | |
| 146 } | |
| 147 ] | |
| 148 }, | |
| 149 { | |
| 150 "name": "Overflow Controls Host Layer", | |
| 151 "bounds": [100, 100], | |
| 152 "children": [ | |
| 153 { | |
| 154 "name": "Scroll Corner Layer", | |
| 155 "position": [85, 85], | |
| 156 "bounds": [15, 15], | |
| 157 "drawsContent": true | |
| 158 } | |
| 159 ] | |
| 160 } | |
| 161 ] | |
| 162 } | |
| 163 ] | |
| 164 } | 130 } |
| 165 ] | 131 ] |
| 166 } | 132 } |
| 167 | 133 |
| OLD | NEW |