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 |