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 class='content t
all'", |
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 class='content w
ide'", |
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 class='content w
ide 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 class='container resizeWidge
t'", |
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 |