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