| OLD | NEW |
| 1 | 1 |
| 2 | 2 |
| 3 | 3 |
| 4 Initial | 4 Initial |
| 5 | 5 |
| 6 { | 6 { |
| 7 "name": "Content Root Layer", | 7 "layers": [ |
| 8 "bounds": [785, 626], | |
| 9 "children": [ | |
| 10 { | 8 { |
| 11 "name": "LayoutView #document", | 9 "name": "LayoutView #document", |
| 12 "bounds": [785, 626], | 10 "bounds": [785, 626], |
| 13 "contentsOpaque": true, | 11 "contentsOpaque": true, |
| 14 "drawsContent": true, | 12 "drawsContent": true |
| 15 "children": [ | 13 }, |
| 16 { | 14 { |
| 17 "name": "LayoutBlockFlow DIV class='composited container'", | 15 "name": "LayoutBlockFlow DIV class='composited container'", |
| 18 "position": [18, 10], | 16 "position": [18, 10], |
| 19 "bounds": [749, 145] | 17 "bounds": [749, 145] |
| 20 }, | 18 }, |
| 21 { | 19 { |
| 22 "name": "LayoutBlockFlow DIV class='composited hidden container'", | 20 "name": "LayoutBlockFlow DIV class='composited hidden container'", |
| 23 "position": [14, 316], | 21 "position": [14, 316], |
| 24 "bounds": [757, 153], | 22 "bounds": [757, 153], |
| 25 "contentsVisible": false, | 23 "contentsVisible": false |
| 26 "children": [ | 24 }, |
| 27 { | 25 { |
| 28 "name": "LayoutImage IMG class='visible composited box'", | 26 "name": "LayoutImage IMG class='visible composited box'", |
| 29 "position": [24, 24], | 27 "position": [24, 24], |
| 30 "bounds": [100, 100] | 28 "bounds": [100, 100] |
| 31 } | |
| 32 ] | |
| 33 } | |
| 34 ] | |
| 35 } | 29 } |
| 36 ] | 30 ] |
| 37 } | 31 } |
| 38 After step 1 | 32 After step 1 |
| 39 | 33 |
| 40 { | 34 { |
| 41 "name": "Content Root Layer", | 35 "layers": [ |
| 42 "bounds": [785, 1158], | |
| 43 "children": [ | |
| 44 { | 36 { |
| 45 "name": "LayoutView #document", | 37 "name": "LayoutView #document", |
| 46 "bounds": [785, 1158], | 38 "bounds": [785, 1062], |
| 47 "contentsOpaque": true, | 39 "contentsOpaque": true, |
| 48 "drawsContent": true, | 40 "drawsContent": true |
| 49 "children": [ | 41 }, |
| 50 { | 42 { |
| 51 "name": "LayoutBlockFlow DIV class='composited container'", | 43 "name": "LayoutBlockFlow DIV class='composited container'", |
| 52 "position": [18, 10], | 44 "position": [18, 10], |
| 53 "bounds": [749, 145], | 45 "bounds": [749, 145] |
| 54 "children": [ | 46 }, |
| 55 { | 47 { |
| 56 "name": "LayoutImage IMG class='hidden composited box'", | 48 "name": "LayoutImage IMG class='hidden composited box'", |
| 57 "position": [20, 20], | 49 "position": [20, 20], |
| 58 "bounds": [100, 100] | 50 "bounds": [100, 100] |
| 59 } | 51 }, |
| 60 ] | 52 { |
| 61 }, | 53 "name": "LayoutBlockFlow DIV class='composited hidden container'", |
| 62 { | 54 "position": [14, 316], |
| 63 "name": "LayoutBlockFlow DIV class='composited hidden container'", | 55 "bounds": [757, 153], |
| 64 "position": [14, 316], | 56 "contentsVisible": false |
| 65 "bounds": [757, 153], | 57 }, |
| 66 "contentsVisible": false, | 58 { |
| 67 "children": [ | 59 "name": "LayoutImage IMG class='visible composited box'", |
| 68 { | 60 "position": [24, 24], |
| 69 "name": "LayoutImage IMG class='visible composited box'", | 61 "bounds": [100, 100] |
| 70 "position": [24, 24], | |
| 71 "bounds": [100, 100] | |
| 72 } | |
| 73 ] | |
| 74 } | |
| 75 ] | |
| 76 } | 62 } |
| 77 ] | 63 ] |
| 78 } | 64 } |
| 79 After step 2 | 65 After step 2 |
| 80 | 66 |
| 81 { | 67 { |
| 82 "name": "Content Root Layer", | 68 "layers": [ |
| 83 "bounds": [785, 1801], | |
| 84 "children": [ | |
| 85 { | 69 { |
| 86 "name": "LayoutView #document", | 70 "name": "LayoutView #document", |
| 87 "bounds": [785, 1801], | 71 "bounds": [785, 1577], |
| 88 "contentsOpaque": true, | 72 "contentsOpaque": true, |
| 89 "drawsContent": true, | 73 "drawsContent": true |
| 90 "children": [ | 74 }, |
| 91 { | 75 { |
| 92 "name": "LayoutBlockFlow DIV class='composited container'", | 76 "name": "LayoutBlockFlow DIV class='composited container'", |
| 93 "position": [18, 10], | 77 "position": [18, 10], |
| 94 "bounds": [749, 145], | 78 "bounds": [749, 145] |
| 95 "children": [ | 79 }, |
| 96 { | 80 { |
| 97 "name": "LayoutImage IMG class='hidden composited box'", | 81 "name": "LayoutImage IMG class='hidden composited box'", |
| 98 "position": [20, 20], | 82 "position": [20, 20], |
| 99 "bounds": [100, 100] | 83 "bounds": [100, 100] |
| 100 } | 84 }, |
| 101 ] | 85 { |
| 102 }, | 86 "name": "LayoutBlockFlow DIV class='composited hidden container'", |
| 103 { | 87 "position": [14, 161], |
| 104 "name": "LayoutBlockFlow DIV class='composited hidden container'", | 88 "bounds": [757, 153], |
| 105 "position": [14, 161], | 89 "drawsContent": true |
| 106 "bounds": [757, 153], | 90 }, |
| 107 "drawsContent": true, | 91 { |
| 108 "children": [ | 92 "name": "LayoutImage IMG class='composited box'", |
| 109 { | 93 "position": [24, 24], |
| 110 "name": "LayoutImage IMG class='composited box'", | 94 "bounds": [100, 100] |
| 111 "position": [24, 24], | 95 }, |
| 112 "bounds": [100, 100] | 96 { |
| 113 } | 97 "name": "LayoutBlockFlow DIV class='composited hidden container'", |
| 114 ] | 98 "position": [14, 316], |
| 115 }, | 99 "bounds": [757, 153], |
| 116 { | 100 "contentsVisible": false |
| 117 "name": "LayoutBlockFlow DIV class='composited hidden container'", | 101 }, |
| 118 "position": [14, 316], | 102 { |
| 119 "bounds": [757, 153], | 103 "name": "LayoutImage IMG class='visible composited box'", |
| 120 "contentsVisible": false, | 104 "position": [24, 24], |
| 121 "children": [ | 105 "bounds": [100, 100] |
| 122 { | |
| 123 "name": "LayoutImage IMG class='visible composited box'", | |
| 124 "position": [24, 24], | |
| 125 "bounds": [100, 100] | |
| 126 } | |
| 127 ] | |
| 128 } | |
| 129 ] | |
| 130 } | 106 } |
| 131 ] | 107 ] |
| 132 } | 108 } |
| 133 | 109 |
| OLD | NEW |