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