| 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": "LayoutVideo (positioned) VIDEO", |
| 11 "bounds": [100, 100], |
| 12 "contentsOpaque": true, |
| 9 "drawsContent": true, | 13 "drawsContent": true, |
| 10 "children": [ | 14 "backgroundColor": "#ADD8E6" |
| 11 { | 15 }, |
| 12 "name": "LayoutVideo (positioned) VIDEO", | 16 { |
| 13 "bounds": [100, 100], | 17 "name": "LayoutFlexibleBox (relative positioned) DIV", |
| 14 "contentsOpaque": true, | 18 "bounds": [100, 100], |
| 15 "drawsContent": true, | 19 "drawsContent": true |
| 16 "backgroundColor": "#ADD8E6", | 20 }, |
| 17 "children": [ | 21 { |
| 18 { | 22 "name": "LayoutFlexibleBox (relative positioned) DIV", |
| 19 "name": "LayoutFlexibleBox (relative positioned) DIV", | 23 "bounds": [100, 58] |
| 20 "bounds": [100, 100], | 24 }, |
| 21 "drawsContent": true | 25 { |
| 22 }, | 26 "name": "LayoutBlockFlow (positioned) DIV", |
| 23 { | 27 "position": [50, 50], |
| 24 "name": "LayoutFlexibleBox (relative positioned) DIV", | 28 "bounds": [200, 200], |
| 25 "bounds": [100, 58] | 29 "contentsOpaque": true, |
| 26 } | 30 "drawsContent": true, |
| 27 ] | 31 "backgroundColor": "#D3D3D3" |
| 28 }, | |
| 29 { | |
| 30 "name": "LayoutBlockFlow (positioned) DIV", | |
| 31 "position": [50, 50], | |
| 32 "bounds": [200, 200], | |
| 33 "contentsOpaque": true, | |
| 34 "drawsContent": true, | |
| 35 "backgroundColor": "#D3D3D3" | |
| 36 } | |
| 37 ] | |
| 38 } | 32 } |
| 39 ] | 33 ] |
| 40 } | 34 } |
| 41 | 35 |
| OLD | NEW |