| 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": "Squashing Containment Layer", |
| 11 "shouldFlattenTransform": false |
| 12 }, |
| 13 { |
| 14 "name": "LayoutBlockFlow (positioned) DIV class='composited'", |
| 15 "position": [60, 60], |
| 16 "bounds": [400, 400], |
| 17 "contentsOpaque": true, |
| 9 "drawsContent": true, | 18 "drawsContent": true, |
| 10 "children": [ | 19 "backgroundColor": "#808080" |
| 11 { | 20 }, |
| 12 "name": "Squashing Containment Layer", | 21 { |
| 13 "shouldFlattenTransform": false, | 22 "name": "Squashing Layer (first squashed layer: LayoutBlockFlow (positione
d) DIV id='A' class='overlap1')", |
| 14 "children": [ | 23 "position": [140, 140], |
| 15 { | 24 "bounds": [10, 10], |
| 16 "name": "LayoutBlockFlow (positioned) DIV class='composited'", | 25 "drawsContent": true |
| 17 "position": [60, 60], | 26 }, |
| 18 "bounds": [400, 400], | 27 { |
| 19 "contentsOpaque": true, | 28 "name": "Squashing Containment Layer", |
| 20 "drawsContent": true, | 29 "shouldFlattenTransform": false |
| 21 "backgroundColor": "#808080" | 30 }, |
| 22 }, | 31 { |
| 23 { | 32 "name": "LayoutBlockFlow (positioned) DIV id='B' class='overlap2'", |
| 24 "name": "Squashing Layer (first squashed layer: LayoutBlockFlow (p
ositioned) DIV id='A' class='overlap1')", | 33 "position": [220, 220], |
| 25 "position": [140, 140], | 34 "bounds": [10, 10], |
| 26 "bounds": [10, 10], | 35 "contentsOpaque": true, |
| 27 "drawsContent": true | 36 "drawsContent": true, |
| 28 } | 37 "backgroundColor": "#00FF00" |
| 29 ] | 38 }, |
| 30 }, | 39 { |
| 31 { | 40 "name": "Squashing Layer (first squashed layer: LayoutBlockFlow (positione
d) DIV id='C' class='overlap3')", |
| 32 "name": "Squashing Containment Layer", | 41 "position": [220, 300], |
| 33 "shouldFlattenTransform": false, | 42 "bounds": [25, 10], |
| 34 "children": [ | 43 "drawsContent": true |
| 35 { | |
| 36 "name": "LayoutBlockFlow (positioned) DIV id='B' class='overlap2'"
, | |
| 37 "position": [220, 220], | |
| 38 "bounds": [10, 10], | |
| 39 "contentsOpaque": true, | |
| 40 "drawsContent": true, | |
| 41 "backgroundColor": "#00FF00" | |
| 42 }, | |
| 43 { | |
| 44 "name": "Squashing Layer (first squashed layer: LayoutBlockFlow (p
ositioned) DIV id='C' class='overlap3')", | |
| 45 "position": [220, 300], | |
| 46 "bounds": [25, 10], | |
| 47 "drawsContent": true | |
| 48 } | |
| 49 ] | |
| 50 } | |
| 51 ] | |
| 52 } | 44 } |
| 53 ] | 45 ] |
| 54 } | 46 } |
| 55 | 47 |
| OLD | NEW |