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