| OLD | NEW |
| 1 { | 1 { |
| 2 "name": "Content Root Layer", | 2 "layers": [ |
| 3 "bounds": [800, 600], | |
| 4 "children": [ | |
| 5 { | 3 { |
| 6 "name": "LayoutView #document", | 4 "name": "LayoutView #document", |
| 7 "bounds": [800, 600], | 5 "bounds": [800, 600], |
| 8 "contentsOpaque": true, | 6 "contentsOpaque": true, |
| 7 "drawsContent": true |
| 8 }, |
| 9 { |
| 10 "name": "Ancestor Clipping Layer", |
| 11 "position": [50, 50], |
| 12 "bounds": [100, 100], |
| 13 "shouldFlattenTransform": false |
| 14 }, |
| 15 { |
| 16 "name": "LayoutBlockFlow DIV id='child'", |
| 17 "bounds": [500, 100], |
| 18 "contentsOpaque": true, |
| 9 "drawsContent": true, | 19 "drawsContent": true, |
| 10 "children": [ | 20 "backgroundColor": "#008000" |
| 11 { | 21 }, |
| 12 "name": "Ancestor Clipping Layer", | 22 { |
| 13 "position": [50, 50], | 23 "name": "Squashing Containment Layer", |
| 14 "bounds": [100, 100], | 24 "shouldFlattenTransform": false |
| 15 "shouldFlattenTransform": false, | 25 }, |
| 16 "children": [ | 26 { |
| 17 { | 27 "name": "LayoutBlockFlow DIV id='child'", |
| 18 "name": "LayoutBlockFlow DIV id='child'", | 28 "position": [50, 200], |
| 19 "bounds": [500, 100], | 29 "bounds": [500, 100], |
| 20 "contentsOpaque": true, | 30 "contentsOpaque": true, |
| 21 "drawsContent": true, | 31 "drawsContent": true, |
| 22 "backgroundColor": "#008000" | 32 "backgroundColor": "#008000" |
| 23 } | 33 }, |
| 24 ] | 34 { |
| 25 }, | 35 "name": "Squashing Layer (first squashed layer: LayoutBlockFlow (positione
d) DIV id='overlap')", |
| 26 { | 36 "position": [450, 200], |
| 27 "name": "Squashing Containment Layer", | 37 "bounds": [100, 100], |
| 28 "shouldFlattenTransform": false, | 38 "drawsContent": true |
| 29 "children": [ | |
| 30 { | |
| 31 "name": "LayoutBlockFlow DIV id='child'", | |
| 32 "position": [50, 200], | |
| 33 "bounds": [500, 100], | |
| 34 "contentsOpaque": true, | |
| 35 "drawsContent": true, | |
| 36 "backgroundColor": "#008000" | |
| 37 }, | |
| 38 { | |
| 39 "name": "Squashing Layer (first squashed layer: LayoutBlockFlow (p
ositioned) DIV id='overlap')", | |
| 40 "position": [450, 200], | |
| 41 "bounds": [100, 100], | |
| 42 "drawsContent": true | |
| 43 } | |
| 44 ] | |
| 45 } | |
| 46 ] | |
| 47 } | 39 } |
| 48 ] | 40 ] |
| 49 } | 41 } |
| 50 | 42 |
| OLD | NEW |