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