| OLD | NEW |
| 1 { | 1 { |
| 2 "name": "Content Root Layer", | 2 "name": "Content Root Layer", |
| 3 "bounds": [800, 600], | 3 "bounds": [800, 600], |
| 4 "children": [ | 4 "children": [ |
| 5 { | 5 { |
| 6 "name": "LayoutView #document", | 6 "name": "LayoutView #document", |
| 7 "bounds": [800, 600], | 7 "bounds": [800, 600], |
| 8 "contentsOpaque": true, | 8 "contentsOpaque": true, |
| 9 "drawsContent": true, | 9 "drawsContent": true, |
| 10 "paintInvalidations": [ | 10 "paintInvalidations": [ |
| 11 { | 11 { |
| 12 "object": "LayoutBlockFlow DIV id='content'", | 12 "object": "LayoutBlockFlow DIV id='content'", |
| 13 "rect": [138, 128, 654, 100], | 13 "rect": [138, 128, 654, 100], |
| 14 "reason": "style change" | 14 "reason": "style change" |
| 15 }, | 15 }, |
| 16 { | 16 { |
| 17 "object": "LayoutBlockFlow P", | 17 "object": "LayoutBlockFlow P", |
| 18 "rect": [138, 128, 654, 100], | 18 "rect": [138, 128, 654, 100], |
| 19 "reason": "forced by layout" | 19 "reason": "forced by layout" |
| 20 }, | 20 }, |
| 21 { | 21 { |
| 22 "object": "LayoutText #text", | 22 "object": "LayoutText #text", |
| 23 "rect": [138, 128, 651, 99], | 23 "rect": [138, 128, 651, 99], |
| 24 "reason": "bounds change" | 24 "reason": "forced by layout" |
| 25 }, | 25 }, |
| 26 { | 26 { |
| 27 "object": "LayoutBlockFlow DIV id='content'", | 27 "object": "LayoutBlockFlow DIV id='content'", |
| 28 "rect": [148, 128, 644, 100], | 28 "rect": [148, 128, 644, 100], |
| 29 "reason": "style change" | 29 "reason": "style change" |
| 30 }, | 30 }, |
| 31 { | 31 { |
| 32 "object": "LayoutBlockFlow P", | 32 "object": "LayoutBlockFlow P", |
| 33 "rect": [148, 128, 644, 100], | 33 "rect": [148, 128, 644, 100], |
| 34 "reason": "forced by layout" | 34 "reason": "forced by layout" |
| 35 }, | 35 }, |
| 36 { | 36 { |
| 37 "object": "LayoutText #text", | 37 "object": "LayoutText #text", |
| 38 "rect": [148, 128, 640, 99], | 38 "rect": [148, 128, 640, 99], |
| 39 "reason": "bounds change" | 39 "reason": "forced by layout" |
| 40 }, | 40 }, |
| 41 { | 41 { |
| 42 "object": "LayoutBlockFlow DIV id='content'", | 42 "object": "LayoutBlockFlow DIV id='content'", |
| 43 "rect": [400, 128, 392, 160], | 43 "rect": [400, 128, 392, 160], |
| 44 "reason": "style change" | 44 "reason": "style change" |
| 45 }, | 45 }, |
| 46 { | 46 { |
| 47 "object": "LayoutBlockFlow P", | 47 "object": "LayoutBlockFlow P", |
| 48 "rect": [400, 128, 392, 160], | 48 "rect": [400, 128, 392, 160], |
| 49 "reason": "forced by layout" | 49 "reason": "forced by layout" |
| 50 }, | 50 }, |
| 51 { | 51 { |
| 52 "object": "LayoutBlockFlow DIV id='left'", | 52 "object": "LayoutBlockFlow DIV id='left'", |
| 53 "rect": [8, 228, 392, 60], | 53 "rect": [8, 228, 392, 60], |
| 54 "reason": "incremental" | 54 "reason": "incremental" |
| 55 }, | 55 }, |
| 56 { | 56 { |
| 57 "object": "LayoutText #text", | 57 "object": "LayoutText #text", |
| 58 "rect": [400, 128, 389, 159], | 58 "rect": [400, 128, 389, 159], |
| 59 "reason": "bounds change" | 59 "reason": "forced by layout" |
| 60 }, | 60 }, |
| 61 { | 61 { |
| 62 "object": "LayoutBlockFlow DIV id='left'", | 62 "object": "LayoutBlockFlow DIV id='left'", |
| 63 "rect": [148, 128, 252, 160], | 63 "rect": [148, 128, 252, 160], |
| 64 "reason": "incremental" | 64 "reason": "incremental" |
| 65 }, | 65 }, |
| 66 { | 66 { |
| 67 "object": "LayoutBlockFlow DIV id='left'", | 67 "object": "LayoutBlockFlow DIV id='left'", |
| 68 "rect": [138, 128, 10, 100], | 68 "rect": [138, 128, 10, 100], |
| 69 "reason": "incremental" | 69 "reason": "incremental" |
| 70 } | 70 } |
| 71 ] | 71 ] |
| 72 } | 72 } |
| 73 ], | 73 ], |
| 74 "objectPaintInvalidations": [ | 74 "objectPaintInvalidations": [ |
| 75 { | 75 { |
| 76 "object": "RootInlineBox", | |
| 77 "reason": "full" | |
| 78 }, | |
| 79 { | |
| 80 "object": "RootInlineBox", | |
| 81 "reason": "full" | |
| 82 }, | |
| 83 { | |
| 84 "object": "RootInlineBox", | |
| 85 "reason": "full" | |
| 86 }, | |
| 87 { | |
| 88 "object": "RootInlineBox", | |
| 89 "reason": "full" | |
| 90 }, | |
| 91 { | |
| 92 "object": "RootInlineBox", | |
| 93 "reason": "full" | |
| 94 }, | |
| 95 { | |
| 96 "object": "RootInlineBox", | |
| 97 "reason": "full" | |
| 98 }, | |
| 99 { | |
| 100 "object": "RootInlineBox", | |
| 101 "reason": "full" | |
| 102 }, | |
| 103 { | |
| 104 "object": "RootInlineBox", | |
| 105 "reason": "full" | |
| 106 }, | |
| 107 { | |
| 108 "object": "InlineTextBox 'Lorem ipsum dolor sit amet, consectetur adipisci
ng elit. Aenean'", | |
| 109 "reason": "full" | |
| 110 }, | |
| 111 { | |
| 112 "object": "InlineTextBox 'laoreet dolor id urna eleifend aliquet. Nulla ve
l dolor ipsum.'", | |
| 113 "reason": "full" | |
| 114 }, | |
| 115 { | |
| 116 "object": "InlineTextBox 'Aliquam ut turpis nisl, in vulputate sapien. Cum
sociis natoque'", | |
| 117 "reason": "full" | |
| 118 }, | |
| 119 { | |
| 120 "object": "InlineTextBox 'penatibus et magnis dis parturient montes, nasce
tur ridiculus mus.'", | |
| 121 "reason": "full" | |
| 122 }, | |
| 123 { | |
| 124 "object": "InlineTextBox 'Sed congue magna vitae dolor feugiat vehicula. S
ed volutpat,'", | |
| 125 "reason": "full" | |
| 126 }, | |
| 127 { | |
| 128 "object": "InlineTextBox 'tellus vel varius vestibulum, purus quam mollis
sapien, in'", | |
| 129 "reason": "full" | |
| 130 }, | |
| 131 { | |
| 132 "object": "InlineTextBox 'condimentum leo neque sed nulla. Nunc quis porta
elit.'", | |
| 133 "reason": "full" | |
| 134 }, | |
| 135 { | |
| 136 "object": "InlineTextBox 'Pellentesque erat lectus, ultricies a lobortis i
d, faucibus id quam.'", | |
| 137 "reason": "full" | |
| 138 }, | |
| 139 { | |
| 140 "object": "LayoutBlockFlow DIV id='left'", | 76 "object": "LayoutBlockFlow DIV id='left'", |
| 141 "reason": "incremental" | 77 "reason": "incremental" |
| 142 }, | 78 }, |
| 143 { | 79 { |
| 144 "object": "LayoutBlockFlow DIV id='content'", | 80 "object": "LayoutBlockFlow DIV id='content'", |
| 145 "reason": "style change" | 81 "reason": "style change" |
| 146 }, | 82 }, |
| 147 { | 83 { |
| 148 "object": "LayoutBlockFlow P", | 84 "object": "LayoutBlockFlow P", |
| 149 "reason": "forced by layout" | 85 "reason": "forced by layout" |
| 150 }, | 86 }, |
| 151 { | 87 { |
| 152 "object": "RootInlineBox", | 88 "object": "RootInlineBox", |
| 153 "reason": "forced by layout" | 89 "reason": "forced by layout" |
| 154 }, | 90 }, |
| 155 { | 91 { |
| 156 "object": "LayoutText #text", | 92 "object": "LayoutText #text", |
| 157 "reason": "bounds change" | 93 "reason": "forced by layout" |
| 158 }, | 94 }, |
| 159 { | 95 { |
| 160 "object": "InlineTextBox 'Lorem ipsum dolor sit amet, consectetur adipisci
ng elit. Aenean laoreet dolor id urna eleifend aliquet. Nulla'", | 96 "object": "InlineTextBox 'Lorem ipsum dolor sit amet, consectetur adipisci
ng elit. Aenean laoreet dolor id urna eleifend aliquet. Nulla'", |
| 161 "reason": "bounds change" | 97 "reason": "forced by layout" |
| 162 }, | 98 }, |
| 163 { | 99 { |
| 164 "object": "InlineTextBox 'vel dolor ipsum. Aliquam ut turpis nisl, in vulp
utate sapien. Cum sociis natoque penatibus et magnis dis'", | 100 "object": "InlineTextBox 'vel dolor ipsum. Aliquam ut turpis nisl, in vulp
utate sapien. Cum sociis natoque penatibus et magnis dis'", |
| 165 "reason": "bounds change" | 101 "reason": "forced by layout" |
| 166 }, | 102 }, |
| 167 { | 103 { |
| 168 "object": "InlineTextBox 'parturient montes, nascetur ridiculus mus. Sed c
ongue magna vitae dolor feugiat vehicula. Sed volutpat,'", | 104 "object": "InlineTextBox 'parturient montes, nascetur ridiculus mus. Sed c
ongue magna vitae dolor feugiat vehicula. Sed volutpat,'", |
| 169 "reason": "bounds change" | 105 "reason": "forced by layout" |
| 170 }, | 106 }, |
| 171 { | 107 { |
| 172 "object": "InlineTextBox 'tellus vel varius vestibulum, purus quam mollis
sapien, in condimentum leo neque sed nulla. Nunc quis porta'", | 108 "object": "InlineTextBox 'tellus vel varius vestibulum, purus quam mollis
sapien, in condimentum leo neque sed nulla. Nunc quis porta'", |
| 173 "reason": "bounds change" | 109 "reason": "forced by layout" |
| 174 }, | 110 }, |
| 175 { | 111 { |
| 176 "object": "InlineTextBox 'elit. Pellentesque erat lectus, ultricies a lobo
rtis id, faucibus id quam.'", | 112 "object": "InlineTextBox 'elit. Pellentesque erat lectus, ultricies a lobo
rtis id, faucibus id quam.'", |
| 177 "reason": "bounds change" | 113 "reason": "forced by layout" |
| 178 }, | |
| 179 { | |
| 180 "object": "RootInlineBox", | |
| 181 "reason": "full" | |
| 182 }, | |
| 183 { | |
| 184 "object": "RootInlineBox", | |
| 185 "reason": "full" | |
| 186 }, | |
| 187 { | |
| 188 "object": "RootInlineBox", | |
| 189 "reason": "full" | |
| 190 }, | |
| 191 { | |
| 192 "object": "RootInlineBox", | |
| 193 "reason": "full" | |
| 194 }, | |
| 195 { | |
| 196 "object": "RootInlineBox", | |
| 197 "reason": "full" | |
| 198 }, | |
| 199 { | |
| 200 "object": "InlineTextBox 'Lorem ipsum dolor sit amet, consectetur adipisci
ng elit. Aenean laoreet dolor id urna eleifend aliquet. Nulla'", | |
| 201 "reason": "full" | |
| 202 }, | |
| 203 { | |
| 204 "object": "InlineTextBox 'vel dolor ipsum. Aliquam ut turpis nisl, in vulp
utate sapien. Cum sociis natoque penatibus et magnis dis'", | |
| 205 "reason": "full" | |
| 206 }, | |
| 207 { | |
| 208 "object": "InlineTextBox 'parturient montes, nascetur ridiculus mus. Sed c
ongue magna vitae dolor feugiat vehicula. Sed volutpat,'", | |
| 209 "reason": "full" | |
| 210 }, | |
| 211 { | |
| 212 "object": "InlineTextBox 'tellus vel varius vestibulum, purus quam mollis
sapien, in condimentum leo neque sed nulla. Nunc quis porta'", | |
| 213 "reason": "full" | |
| 214 }, | |
| 215 { | |
| 216 "object": "InlineTextBox 'elit. Pellentesque erat lectus, ultricies a lobo
rtis id, faucibus id quam.'", | |
| 217 "reason": "full" | |
| 218 }, | 114 }, |
| 219 { | 115 { |
| 220 "object": "LayoutBlockFlow DIV id='left'", | 116 "object": "LayoutBlockFlow DIV id='left'", |
| 221 "reason": "incremental" | 117 "reason": "incremental" |
| 222 }, | 118 }, |
| 223 { | 119 { |
| 224 "object": "LayoutBlockFlow DIV id='content'", | 120 "object": "LayoutBlockFlow DIV id='content'", |
| 225 "reason": "style change" | 121 "reason": "style change" |
| 226 }, | 122 }, |
| 227 { | 123 { |
| 228 "object": "LayoutBlockFlow P", | 124 "object": "LayoutBlockFlow P", |
| 229 "reason": "forced by layout" | 125 "reason": "forced by layout" |
| 230 }, | 126 }, |
| 231 { | 127 { |
| 232 "object": "RootInlineBox", | 128 "object": "RootInlineBox", |
| 233 "reason": "forced by layout" | 129 "reason": "forced by layout" |
| 234 }, | 130 }, |
| 235 { | 131 { |
| 236 "object": "LayoutText #text", | 132 "object": "LayoutText #text", |
| 237 "reason": "bounds change" | 133 "reason": "forced by layout" |
| 238 }, | 134 }, |
| 239 { | 135 { |
| 240 "object": "InlineTextBox 'Lorem ipsum dolor sit amet, consectetur adipisci
ng elit. Aenean laoreet dolor id urna eleifend aliquet. Nulla'", | 136 "object": "InlineTextBox 'Lorem ipsum dolor sit amet, consectetur adipisci
ng elit. Aenean laoreet dolor id urna eleifend aliquet. Nulla'", |
| 241 "reason": "bounds change" | 137 "reason": "forced by layout" |
| 242 }, | 138 }, |
| 243 { | 139 { |
| 244 "object": "InlineTextBox 'vel dolor ipsum. Aliquam ut turpis nisl, in vulp
utate sapien. Cum sociis natoque penatibus et magnis dis'", | 140 "object": "InlineTextBox 'vel dolor ipsum. Aliquam ut turpis nisl, in vulp
utate sapien. Cum sociis natoque penatibus et magnis dis'", |
| 245 "reason": "bounds change" | 141 "reason": "forced by layout" |
| 246 }, | 142 }, |
| 247 { | 143 { |
| 248 "object": "InlineTextBox 'parturient montes, nascetur ridiculus mus. Sed c
ongue magna vitae dolor feugiat vehicula. Sed volutpat, tellus'", | 144 "object": "InlineTextBox 'parturient montes, nascetur ridiculus mus. Sed c
ongue magna vitae dolor feugiat vehicula. Sed volutpat, tellus'", |
| 249 "reason": "bounds change" | 145 "reason": "forced by layout" |
| 250 }, | 146 }, |
| 251 { | 147 { |
| 252 "object": "InlineTextBox 'vel varius vestibulum, purus quam mollis sapien,
in condimentum leo neque sed nulla. Nunc quis porta elit.'", | 148 "object": "InlineTextBox 'vel varius vestibulum, purus quam mollis sapien,
in condimentum leo neque sed nulla. Nunc quis porta elit.'", |
| 253 "reason": "bounds change" | 149 "reason": "forced by layout" |
| 254 }, | 150 }, |
| 255 { | 151 { |
| 256 "object": "InlineTextBox 'Pellentesque erat lectus, ultricies a lobortis i
d, faucibus id quam.'", | 152 "object": "InlineTextBox 'Pellentesque erat lectus, ultricies a lobortis i
d, faucibus id quam.'", |
| 257 "reason": "bounds change" | 153 "reason": "forced by layout" |
| 258 } | 154 } |
| 259 ] | 155 ] |
| 260 } | 156 } |
| 261 | 157 |
| OLD | NEW |