| 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, 8], | 13 "position": [8, 8], |
| 11 "bounds": [200, 200], | 14 "bounds": [200, 200], |
| 12 "shouldFlattenTransform": false, | 15 "shouldFlattenTransform": false, |
| 13 "drawsContent": true, | 16 "drawsContent": true, |
| 14 "children": [ | 17 "children": [ |
| 15 { | 18 { |
| 19 "name": "Child Transform Layer", |
| 16 "bounds": [200, 200], | 20 "bounds": [200, 200], |
| 17 "shouldFlattenTransform": false, | 21 "shouldFlattenTransform": false, |
| 18 "transform": [ | 22 "transform": [ |
| 19 [1, 0, 0, 0], | 23 [1, 0, 0, 0], |
| 20 [0, 1, 0, 0], | 24 [0, 1, 0, 0], |
| 21 [0, 0, 1, -0.01], | 25 [0, 0, 1, -0.01], |
| 22 [0, 0, 0, 1] | 26 [0, 0, 0, 1] |
| 23 ], | 27 ], |
| 24 "children": [ | 28 "children": [ |
| 25 { | 29 { |
| 30 "name": "Scrolling Layer", |
| 26 "bounds": [185, 185], | 31 "bounds": [185, 185], |
| 27 "shouldFlattenTransform": false, | 32 "shouldFlattenTransform": false, |
| 28 "children": [ | 33 "children": [ |
| 29 { | 34 { |
| 35 "name": "Scrolling Contents Layer", |
| 30 "bounds": [185, 265], | 36 "bounds": [185, 265], |
| 31 "shouldFlattenTransform": false, | 37 "shouldFlattenTransform": false, |
| 32 "children": [ | 38 "children": [ |
| 33 { | 39 { |
| 40 "name": "LayoutBlockFlow (positioned) DIV class='child
first'", |
| 34 "position": [0, 65], | 41 "position": [0, 65], |
| 35 "bounds": [60, 200], | 42 "bounds": [60, 200], |
| 36 "contentsOpaque": true, | 43 "contentsOpaque": true, |
| 37 "drawsContent": true, | 44 "drawsContent": true, |
| 38 "backgroundColor": "#008000", | 45 "backgroundColor": "#008000", |
| 39 "transform": [ | 46 "transform": [ |
| 40 [1, 0, 0, 0], | 47 [1, 0, 0, 0], |
| 41 [0, 1, 0, 0], | 48 [0, 1, 0, 0], |
| 42 [0, 0, 1, 0], | 49 [0, 0, 1, 0], |
| 43 [0, 0, 10, 1] | 50 [0, 0, 10, 1] |
| 44 ] | 51 ] |
| 45 }, | 52 }, |
| 46 { | 53 { |
| 54 "name": "LayoutBlockFlow (positioned) DIV class='child
second'", |
| 47 "position": [65, 65], | 55 "position": [65, 65], |
| 48 "bounds": [60, 200], | 56 "bounds": [60, 200], |
| 49 "contentsOpaque": true, | 57 "contentsOpaque": true, |
| 50 "drawsContent": true, | 58 "drawsContent": true, |
| 51 "backgroundColor": "#0000FF", | 59 "backgroundColor": "#0000FF", |
| 52 "transform": [ | 60 "transform": [ |
| 53 [1, 0, 0, 0], | 61 [1, 0, 0, 0], |
| 54 [0, 1, 0, 0], | 62 [0, 1, 0, 0], |
| 55 [0, 0, 1, 0], | 63 [0, 0, 1, 0], |
| 56 [0, 0, 20, 1] | 64 [0, 0, 20, 1] |
| 57 ] | 65 ] |
| 58 } | 66 } |
| 59 ] | 67 ] |
| 60 } | 68 } |
| 61 ] | 69 ] |
| 62 } | 70 } |
| 63 ] | 71 ] |
| 64 }, | 72 }, |
| 65 { | 73 { |
| 74 "name": "Overflow Controls Host Layer", |
| 66 "bounds": [200, 200], | 75 "bounds": [200, 200], |
| 67 "children": [ | 76 "children": [ |
| 68 { | 77 { |
| 78 "name": "Horizontal Scrollbar Layer", |
| 69 "position": [0, 185], | 79 "position": [0, 185], |
| 70 "bounds": [185, 15] | 80 "bounds": [185, 15] |
| 71 }, | 81 }, |
| 72 { | 82 { |
| 83 "name": "Vertical Scrollbar Layer", |
| 73 "position": [185, 0], | 84 "position": [185, 0], |
| 74 "bounds": [15, 185] | 85 "bounds": [15, 185] |
| 75 }, | 86 }, |
| 76 { | 87 { |
| 88 "name": "Scroll Corner Layer", |
| 77 "position": [185, 185], | 89 "position": [185, 185], |
| 78 "bounds": [15, 15], | 90 "bounds": [15, 15], |
| 79 "drawsContent": true | 91 "drawsContent": true |
| 80 } | 92 } |
| 81 ] | 93 ] |
| 82 } | 94 } |
| 83 ] | 95 ] |
| 84 } | 96 } |
| 85 ] | 97 ] |
| 86 } | 98 } |
| 87 ] | 99 ] |
| 88 } | 100 } |
| 89 | 101 |
| OLD | NEW |