| OLD | NEW |
| 1 lorem ipsumlorem ipsumlorem ipsum | 1 lorem ipsumlorem ipsumlorem ipsum |
| 2 { | 2 { |
| 3 "layers": [ | 3 "layers": [ |
| 4 { | 4 { |
| 5 "name": "LayoutView #document", | 5 "name": "LayoutView #document", |
| 6 "bounds": [800, 600], | 6 "bounds": [800, 600], |
| 7 "contentsOpaque": true, | 7 "contentsOpaque": true, |
| 8 "drawsContent": true | 8 "drawsContent": true |
| 9 }, | 9 }, |
| 10 { | 10 { |
| 11 "name": "Squashing Containment Layer", | 11 "name": "Squashing Containment Layer", |
| 12 "shouldFlattenTransform": false | 12 "shouldFlattenTransform": false |
| 13 }, | 13 }, |
| 14 { | 14 { |
| 15 "name": "LayoutBlockFlow DIV class='overlap'", | 15 "name": "LayoutBlockFlow DIV class='overlap'", |
| 16 "position": [8, 8], | 16 "position": [8, 8], |
| 17 "bounds": [300, 500] | 17 "bounds": [300, 500] |
| 18 }, | 18 }, |
| 19 { | 19 { |
| 20 "name": "Squashing Layer (first squashed layer: LayoutBlockFlow (positione
d) DIV class='item')", | 20 "name": "Squashing Layer (first squashed layer: LayoutBlockFlow (positione
d) DIV class='item')", |
| 21 "position": [15, 35], | 21 "position": [15, 35], |
| 22 "bounds": [100, 210], | 22 "bounds": [100, 210], |
| 23 "drawsContent": true, | 23 "drawsContent": true, |
| 24 "paintInvalidations": [ | 24 "paintInvalidations": [ |
| 25 { | 25 { |
| 26 "object": "LayoutText #text", | 26 "object": "LayoutText #text", |
| 27 "rect": [0, 80, 42, 36], | 27 "rect": [0, 80, 42, 36], |
| 28 "reason": "full" | 28 "reason": "bounds change" |
| 29 }, | |
| 30 { | |
| 31 "object": "LayoutText #text", | |
| 32 "rect": [0, 80, 42, 36], | |
| 33 "reason": "selection" | |
| 34 } | 29 } |
| 35 ] | 30 ] |
| 36 } | 31 } |
| 37 ], | 32 ], |
| 38 "objectPaintInvalidations": [ | 33 "objectPaintInvalidations": [ |
| 39 { | 34 { |
| 40 "object": "LayoutBlockFlow (positioned) DIV id='item1' class='item'", | 35 "object": "LayoutBlockFlow (positioned) DIV id='item1' class='item'", |
| 41 "reason": "selection" | 36 "reason": "selection" |
| 42 }, | 37 }, |
| 43 { | 38 { |
| 44 "object": "LayoutBlockFlow DIV class='inline-block'", | 39 "object": "LayoutBlockFlow DIV class='inline-block'", |
| 45 "reason": "selection" | 40 "reason": "selection" |
| 46 }, | 41 }, |
| 47 { | 42 { |
| 48 "object": "LayoutText #text", | 43 "object": "LayoutText #text", |
| 49 "reason": "selection" | 44 "reason": "bounds change" |
| 50 }, | 45 }, |
| 51 { | 46 { |
| 52 "object": "InlineTextBox 'lorem'", | 47 "object": "InlineTextBox 'lorem'", |
| 53 "reason": "selection" | 48 "reason": "bounds change" |
| 54 }, | 49 }, |
| 55 { | 50 { |
| 56 "object": "InlineTextBox 'ipsum'", | 51 "object": "InlineTextBox 'ipsum'", |
| 57 "reason": "selection" | 52 "reason": "bounds change" |
| 58 }, | |
| 59 { | |
| 60 "object": "LayoutText #text", | |
| 61 "reason": "full" | |
| 62 }, | |
| 63 { | |
| 64 "object": "InlineTextBox 'lorem'", | |
| 65 "reason": "full" | |
| 66 }, | |
| 67 { | |
| 68 "object": "InlineTextBox 'ipsum'", | |
| 69 "reason": "full" | |
| 70 } | 53 } |
| 71 ] | 54 ] |
| 72 } | 55 } |
| 73 { | 56 { |
| 74 "layers": [ | 57 "layers": [ |
| 75 { | 58 { |
| 76 "name": "LayoutView #document", | 59 "name": "LayoutView #document", |
| 77 "bounds": [800, 600], | 60 "bounds": [800, 600], |
| 78 "contentsOpaque": true, | 61 "contentsOpaque": true, |
| 79 "drawsContent": true | 62 "drawsContent": true |
| 80 }, | 63 }, |
| 81 { | 64 { |
| 82 "name": "Squashing Containment Layer", | 65 "name": "Squashing Containment Layer", |
| 83 "shouldFlattenTransform": false | 66 "shouldFlattenTransform": false |
| 84 }, | 67 }, |
| 85 { | 68 { |
| 86 "name": "LayoutBlockFlow DIV class='overlap'", | 69 "name": "LayoutBlockFlow DIV class='overlap'", |
| 87 "position": [8, 8], | 70 "position": [8, 8], |
| 88 "bounds": [300, 500] | 71 "bounds": [300, 500] |
| 89 }, | 72 }, |
| 90 { | 73 { |
| 91 "name": "Squashing Layer (first squashed layer: LayoutBlockFlow (positione
d) DIV class='item')", | 74 "name": "Squashing Layer (first squashed layer: LayoutBlockFlow (positione
d) DIV class='item')", |
| 92 "position": [15, 35], | 75 "position": [15, 35], |
| 93 "bounds": [100, 210], | 76 "bounds": [100, 210], |
| 94 "drawsContent": true, | 77 "drawsContent": true, |
| 95 "paintInvalidations": [ | 78 "paintInvalidations": [ |
| 96 { | 79 { |
| 97 "object": "LayoutText #text", | 80 "object": "LayoutText #text", |
| 98 "rect": [0, 80, 44, 36], | 81 "rect": [0, 80, 44, 36], |
| 99 "reason": "full" | 82 "reason": "bounds change" |
| 100 }, | |
| 101 { | |
| 102 "object": "LayoutText #text", | |
| 103 "rect": [0, 80, 44, 36], | |
| 104 "reason": "selection" | |
| 105 }, | 83 }, |
| 106 { | 84 { |
| 107 "object": "LayoutText #text", | 85 "object": "LayoutText #text", |
| 108 "rect": [0, 160, 42, 36], | 86 "rect": [0, 160, 42, 36], |
| 109 "reason": "full" | 87 "reason": "bounds change" |
| 110 }, | |
| 111 { | |
| 112 "object": "LayoutText #text", | |
| 113 "rect": [0, 160, 42, 36], | |
| 114 "reason": "selection" | |
| 115 } | 88 } |
| 116 ] | 89 ] |
| 117 } | 90 } |
| 118 ], | 91 ], |
| 119 "objectPaintInvalidations": [ | 92 "objectPaintInvalidations": [ |
| 120 { | 93 { |
| 121 "object": "LayoutBlockFlow (positioned) DIV id='item1' class='item'", | 94 "object": "LayoutBlockFlow (positioned) DIV id='item1' class='item'", |
| 122 "reason": "selection" | 95 "reason": "selection" |
| 123 }, | 96 }, |
| 124 { | 97 { |
| 125 "object": "LayoutBlockFlow DIV class='inline-block'", | 98 "object": "LayoutBlockFlow DIV class='inline-block'", |
| 126 "reason": "selection" | 99 "reason": "selection" |
| 127 }, | 100 }, |
| 128 { | 101 { |
| 129 "object": "LayoutText #text", | 102 "object": "LayoutText #text", |
| 130 "reason": "selection" | 103 "reason": "bounds change" |
| 131 }, | 104 }, |
| 132 { | 105 { |
| 133 "object": "InlineTextBox 'lorem'", | 106 "object": "InlineTextBox 'lorem'", |
| 134 "reason": "selection" | 107 "reason": "bounds change" |
| 135 }, | 108 }, |
| 136 { | 109 { |
| 137 "object": "InlineTextBox 'ipsum'", | 110 "object": "InlineTextBox 'ipsum'", |
| 138 "reason": "selection" | 111 "reason": "bounds change" |
| 139 }, | |
| 140 { | |
| 141 "object": "LayoutText #text", | |
| 142 "reason": "full" | |
| 143 }, | |
| 144 { | |
| 145 "object": "InlineTextBox 'lorem'", | |
| 146 "reason": "full" | |
| 147 }, | |
| 148 { | |
| 149 "object": "InlineTextBox 'ipsum'", | |
| 150 "reason": "full" | |
| 151 }, | 112 }, |
| 152 { | 113 { |
| 153 "object": "LayoutBlockFlow (positioned) DIV id='item2' class='item'", | 114 "object": "LayoutBlockFlow (positioned) DIV id='item2' class='item'", |
| 154 "reason": "selection" | 115 "reason": "selection" |
| 155 }, | 116 }, |
| 156 { | 117 { |
| 157 "object": "LayoutBlockFlow DIV class='inline-block'", | 118 "object": "LayoutBlockFlow DIV class='inline-block'", |
| 158 "reason": "selection" | 119 "reason": "selection" |
| 159 }, | 120 }, |
| 160 { | 121 { |
| 161 "object": "LayoutText #text", | 122 "object": "LayoutText #text", |
| 162 "reason": "selection" | 123 "reason": "bounds change" |
| 163 }, | 124 }, |
| 164 { | 125 { |
| 165 "object": "InlineTextBox 'lorem'", | 126 "object": "InlineTextBox 'lorem'", |
| 166 "reason": "selection" | 127 "reason": "bounds change" |
| 167 }, | 128 }, |
| 168 { | 129 { |
| 169 "object": "InlineTextBox 'ipsum'", | 130 "object": "InlineTextBox 'ipsum'", |
| 170 "reason": "selection" | 131 "reason": "bounds change" |
| 171 }, | |
| 172 { | |
| 173 "object": "LayoutText #text", | |
| 174 "reason": "full" | |
| 175 }, | |
| 176 { | |
| 177 "object": "InlineTextBox 'lorem'", | |
| 178 "reason": "full" | |
| 179 }, | |
| 180 { | |
| 181 "object": "InlineTextBox 'ipsum'", | |
| 182 "reason": "full" | |
| 183 } | 132 } |
| 184 ] | 133 ] |
| 185 } | 134 } |
| 186 | 135 |
| OLD | NEW |