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