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