| 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": "Ancestor Clipping Layer", |
| 10 "position": [8, 8], | 13 "position": [8, 8], |
| 11 "bounds": [100, 100], | 14 "bounds": [100, 100], |
| 12 "shouldFlattenTransform": false, | 15 "shouldFlattenTransform": false, |
| 13 "children": [ | 16 "children": [ |
| 14 { | 17 { |
| 18 "name": "LayoutBlockFlow (relative positioned) DIV id='composited'
", |
| 15 "position": [0, 50], | 19 "position": [0, 50], |
| 16 "bounds": [100, 100], | 20 "bounds": [100, 100], |
| 17 "contentsOpaque": true, | 21 "contentsOpaque": true, |
| 18 "drawsContent": true, | 22 "drawsContent": true, |
| 19 "backgroundColor": "#FA8072" | 23 "backgroundColor": "#FA8072" |
| 20 }, | 24 }, |
| 21 { | 25 { |
| 26 "name": "Squashing Layer (first squashed layer: LayoutBlockFlow (r
elative positioned) DIV id='squashed')", |
| 22 "position": [0, 50], | 27 "position": [0, 50], |
| 23 "bounds": [100, 100], | 28 "bounds": [100, 100], |
| 24 "drawsContent": true | 29 "drawsContent": true |
| 25 } | 30 } |
| 26 ] | 31 ] |
| 27 } | 32 } |
| 28 ] | 33 ] |
| 29 } | 34 } |
| 30 ] | 35 ] |
| 31 } | 36 } |
| 32 | 37 |
| OLD | NEW |