| OLD | NEW |
| (Empty) |
| 1 { | |
| 2 "bounds": [800, 600], | |
| 3 "children": [ | |
| 4 { | |
| 5 "bounds": [800, 600], | |
| 6 "contentsOpaque": true, | |
| 7 "drawsContent": true, | |
| 8 "children": [ | |
| 9 { | |
| 10 "position": [8, 8], | |
| 11 "bounds": [200, 200], | |
| 12 "contentsOpaque": true, | |
| 13 "shouldFlattenTransform": false, | |
| 14 "drawsContent": true, | |
| 15 "backgroundColor": "#D3D3D3", | |
| 16 "children": [ | |
| 17 { | |
| 18 "bounds": [185, 185], | |
| 19 "shouldFlattenTransform": false, | |
| 20 "children": [ | |
| 21 { | |
| 22 "bounds": [300, 300], | |
| 23 "drawsContent": true, | |
| 24 "paintInvalidations": [ | |
| 25 { | |
| 26 "object": "LayoutBlockFlow DIV id='target'", | |
| 27 "rect": [100, 100, 200, 200], | |
| 28 "reason": "style change" | |
| 29 } | |
| 30 ], | |
| 31 "children": [ | |
| 32 { | |
| 33 "bounds": [200, 200], | |
| 34 "contentsOpaque": true, | |
| 35 "drawsContent": true, | |
| 36 "backgroundColor": "#ADD8E6" | |
| 37 }, | |
| 38 { | |
| 39 "bounds": [300, 300], | |
| 40 "drawsContent": true, | |
| 41 "paintInvalidations": [ | |
| 42 { | |
| 43 "object": "LayoutBlockFlow DIV id='target'", | |
| 44 "rect": [100, 100, 200, 200], | |
| 45 "reason": "style change" | |
| 46 } | |
| 47 ] | |
| 48 } | |
| 49 ] | |
| 50 } | |
| 51 ] | |
| 52 }, | |
| 53 { | |
| 54 "bounds": [200, 200], | |
| 55 "children": [ | |
| 56 { | |
| 57 "position": [0, 185], | |
| 58 "bounds": [185, 15] | |
| 59 }, | |
| 60 { | |
| 61 "position": [185, 0], | |
| 62 "bounds": [15, 185] | |
| 63 }, | |
| 64 { | |
| 65 "position": [185, 185], | |
| 66 "bounds": [15, 15], | |
| 67 "drawsContent": true | |
| 68 } | |
| 69 ] | |
| 70 } | |
| 71 ] | |
| 72 } | |
| 73 ] | |
| 74 } | |
| 75 ] | |
| 76 } | |
| 77 | |
| OLD | NEW |