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 "children": [ | 9 "children": [ |
8 { | 10 { |
| 11 "name": "LayoutBlockFlow HTML", |
9 "bounds": [800, 408], | 12 "bounds": [800, 408], |
10 "drawsContent": true, | 13 "drawsContent": true, |
11 "children": [ | 14 "children": [ |
12 { | 15 { |
| 16 "name": "LayoutBlockFlow (positioned) DIV", |
13 "position": [8, 100], | 17 "position": [8, 100], |
14 "bounds": [10, 10], | 18 "bounds": [10, 10], |
15 "contentsOpaque": true, | 19 "contentsOpaque": true, |
16 "drawsContent": true, | 20 "drawsContent": true, |
17 "backgroundColor": "#FF0000" | 21 "backgroundColor": "#FF0000" |
18 }, | 22 }, |
19 { | 23 { |
| 24 "name": "LayoutBlockFlow HTML (foreground) Layer", |
20 "bounds": [800, 408], | 25 "bounds": [800, 408], |
21 "drawsContent": true | 26 "drawsContent": true |
22 }, | 27 }, |
23 { | 28 { |
| 29 "name": "LayoutBlockFlow DIV", |
24 "position": [108, 100], | 30 "position": [108, 100], |
25 "bounds": [300, 300], | 31 "bounds": [300, 300], |
26 "shouldFlattenTransform": false, | 32 "shouldFlattenTransform": false, |
27 "drawsContent": true, | 33 "drawsContent": true, |
28 "children": [ | 34 "children": [ |
29 { | 35 { |
| 36 "name": "Scrolling Layer", |
30 "bounds": [285, 300], | 37 "bounds": [285, 300], |
31 "shouldFlattenTransform": false, | 38 "shouldFlattenTransform": false, |
32 "children": [ | 39 "children": [ |
33 { | 40 { |
| 41 "name": "Scrolling Contents Layer", |
34 "bounds": [285, 1000] | 42 "bounds": [285, 1000] |
35 } | 43 } |
36 ] | 44 ] |
37 }, | 45 }, |
38 { | 46 { |
| 47 "name": "Overflow Controls Host Layer", |
39 "bounds": [300, 300], | 48 "bounds": [300, 300], |
40 "children": [ | 49 "children": [ |
41 { | 50 { |
| 51 "name": "Vertical Scrollbar Layer", |
42 "position": [285, 0], | 52 "position": [285, 0], |
43 "bounds": [15, 300] | 53 "bounds": [15, 300] |
44 } | 54 } |
45 ] | 55 ] |
46 } | 56 } |
47 ] | 57 ] |
48 }, | 58 }, |
49 { | 59 { |
| 60 "name": "Squashing Containment Layer", |
50 "shouldFlattenTransform": false, | 61 "shouldFlattenTransform": false, |
51 "children": [ | 62 "children": [ |
52 { | 63 { |
| 64 "name": "LayoutBlockFlow (relative positioned) DIV", |
53 "position": [108, 100], | 65 "position": [108, 100], |
54 "bounds": [285, 1000] | 66 "bounds": [285, 1000] |
55 }, | 67 }, |
56 { | 68 { |
| 69 "name": "Squashing Layer (first squashed layer: LayoutBlockFlo
w (relative positioned) DIV)", |
57 "position": [108, 100], | 70 "position": [108, 100], |
58 "bounds": [285, 1000], | 71 "bounds": [285, 1000], |
59 "drawsContent": true | 72 "drawsContent": true |
60 } | 73 } |
61 ] | 74 ] |
62 } | 75 } |
63 ] | 76 ] |
64 } | 77 } |
65 ] | 78 ] |
66 } | 79 } |
67 ] | 80 ] |
68 } | 81 } |
69 | 82 |
OLD | NEW |