| OLD | NEW |
| 1 { | 1 { |
| 2 "bounds": [800, 600], | 2 "bounds": [800, 600], |
| 3 "children": [ | 3 "children": [ |
| 4 { | 4 { |
| 5 "bounds": [800, 600], | 5 "bounds": [800, 600], |
| 6 "contentsOpaque": true, | 6 "contentsOpaque": true, |
| 7 "drawsContent": true, | 7 "drawsContent": true, |
| 8 "paintInvalidations": [ | 8 "paintInvalidations": [ |
| 9 { | 9 { |
| 10 "object": "LayoutBlockFlow DIV id='content'", | 10 "object": "LayoutBlockFlow DIV id='content'", |
| 11 "rect": [138, 116, 654, 90], | 11 "rect": [138, 116, 654, 90], |
| 12 "reason": "location change" | 12 "reason": "style change" |
| 13 }, | 13 }, |
| 14 { | 14 { |
| 15 "object": "LayoutBlockFlow P", | 15 "object": "LayoutBlockFlow P", |
| 16 "rect": [138, 116, 654, 90], | 16 "rect": [138, 116, 654, 90], |
| 17 "reason": "location change" | 17 "reason": "forced by layout" |
| 18 }, | 18 }, |
| 19 { | 19 { |
| 20 "object": "LayoutText #text", | 20 "object": "LayoutText #text", |
| 21 "rect": [138, 116, 652, 90], | 21 "rect": [138, 116, 652, 90], |
| 22 "reason": "location change" | 22 "reason": "bounds change" |
| 23 }, | 23 }, |
| 24 { | 24 { |
| 25 "object": "LayoutBlockFlow DIV id='content'", | 25 "object": "LayoutBlockFlow DIV id='content'", |
| 26 "rect": [148, 116, 644, 108], | 26 "rect": [148, 116, 644, 108], |
| 27 "reason": "location change" | 27 "reason": "style change" |
| 28 }, | 28 }, |
| 29 { | 29 { |
| 30 "object": "LayoutBlockFlow DIV id='content'", | 30 "object": "LayoutBlockFlow DIV id='content'", |
| 31 "rect": [148, 116, 644, 108], | 31 "rect": [148, 116, 644, 108], |
| 32 "reason": "location change" | 32 "reason": "style change" |
| 33 }, | 33 }, |
| 34 { | 34 { |
| 35 "object": "LayoutBlockFlow P", | 35 "object": "LayoutBlockFlow P", |
| 36 "rect": [148, 116, 644, 108], | 36 "rect": [148, 116, 644, 108], |
| 37 "reason": "location change" | 37 "reason": "forced by layout" |
| 38 }, | 38 }, |
| 39 { | 39 { |
| 40 "object": "LayoutBlockFlow P", | 40 "object": "LayoutBlockFlow P", |
| 41 "rect": [148, 116, 644, 108], | 41 "rect": [148, 116, 644, 108], |
| 42 "reason": "location change" | 42 "reason": "forced by layout" |
| 43 }, | 43 }, |
| 44 { | 44 { |
| 45 "object": "LayoutText #text", | 45 "object": "LayoutText #text", |
| 46 "rect": [148, 116, 632, 108], | 46 "rect": [148, 116, 632, 108], |
| 47 "reason": "location change" | 47 "reason": "bounds change" |
| 48 }, | 48 }, |
| 49 { | 49 { |
| 50 "object": "LayoutText #text", | 50 "object": "LayoutText #text", |
| 51 "rect": [148, 116, 632, 108], | 51 "rect": [148, 116, 632, 108], |
| 52 "reason": "location change" | 52 "reason": "bounds change" |
| 53 }, | 53 }, |
| 54 { | 54 { |
| 55 "object": "LayoutBlockFlow DIV id='content'", | 55 "object": "LayoutBlockFlow DIV id='content'", |
| 56 "rect": [400, 116, 392, 162], | 56 "rect": [400, 116, 392, 162], |
| 57 "reason": "location change" | 57 "reason": "style change" |
| 58 }, | 58 }, |
| 59 { | 59 { |
| 60 "object": "LayoutBlockFlow P", | 60 "object": "LayoutBlockFlow P", |
| 61 "rect": [400, 116, 392, 162], | 61 "rect": [400, 116, 392, 162], |
| 62 "reason": "location change" | 62 "reason": "forced by layout" |
| 63 }, | 63 }, |
| 64 { | 64 { |
| 65 "object": "LayoutBlockFlow DIV id='left'", | 65 "object": "LayoutBlockFlow DIV id='left'", |
| 66 "rect": [8, 224, 392, 54], | 66 "rect": [8, 224, 392, 54], |
| 67 "reason": "incremental" | 67 "reason": "incremental" |
| 68 }, | 68 }, |
| 69 { | 69 { |
| 70 "object": "LayoutText #text", | 70 "object": "LayoutText #text", |
| 71 "rect": [400, 116, 391, 162], | 71 "rect": [400, 116, 391, 162], |
| 72 "reason": "location change" | 72 "reason": "bounds change" |
| 73 }, | 73 }, |
| 74 { | 74 { |
| 75 "object": "LayoutBlockFlow DIV id='left'", | 75 "object": "LayoutBlockFlow DIV id='left'", |
| 76 "rect": [148, 116, 252, 162], | 76 "rect": [148, 116, 252, 162], |
| 77 "reason": "incremental" | 77 "reason": "incremental" |
| 78 }, | 78 }, |
| 79 { | 79 { |
| 80 "object": "LayoutBlockFlow DIV id='left'", | 80 "object": "LayoutBlockFlow DIV id='left'", |
| 81 "rect": [8, 206, 140, 18], | 81 "rect": [8, 206, 140, 18], |
| 82 "reason": "incremental" | 82 "reason": "incremental" |
| 83 }, | 83 }, |
| 84 { | 84 { |
| 85 "object": "LayoutBlockFlow DIV id='left'", | 85 "object": "LayoutBlockFlow DIV id='left'", |
| 86 "rect": [138, 116, 10, 108], | 86 "rect": [138, 116, 10, 108], |
| 87 "reason": "incremental" | 87 "reason": "incremental" |
| 88 }, | 88 }, |
| 89 { | 89 { |
| 90 "object": "InlineTextBox 'Aenean laoreet dolor id urna eleifend alique
t. Nulla vel dolor'", | 90 "object": "InlineTextBox 'Aenean laoreet dolor id urna eleifend alique
t. Nulla vel dolor'", |
| 91 "reason": "full" | 91 "reason": "full" |
| 92 }, | 92 }, |
| 93 { | 93 { |
| 94 "object": "InlineTextBox 'Lorem ipsum dolor sit amet, consectetur adip
iscing elit. Aenean laoreet dolor id urna eleifend aliquet.'", | 94 "object": "InlineTextBox 'Lorem ipsum dolor sit amet, consectetur adip
iscing elit. Aenean laoreet dolor id urna eleifend aliquet.'", |
| 95 "reason": "location change" | 95 "reason": "bounds change" |
| 96 }, | 96 }, |
| 97 { | 97 { |
| 98 "object": "InlineTextBox 'Lorem ipsum dolor sit amet, consectetur adip
iscing elit. Aenean laoreet dolor id urna eleifend'", | 98 "object": "InlineTextBox 'Lorem ipsum dolor sit amet, consectetur adip
iscing elit. Aenean laoreet dolor id urna eleifend'", |
| 99 "reason": "full" | 99 "reason": "full" |
| 100 }, | 100 }, |
| 101 { | 101 { |
| 102 "object": "InlineTextBox 'Lorem ipsum dolor sit amet, consectetur adip
iscing elit. Aenean laoreet dolor id urna eleifend'", | 102 "object": "InlineTextBox 'Lorem ipsum dolor sit amet, consectetur adip
iscing elit. Aenean laoreet dolor id urna eleifend'", |
| 103 "reason": "location change" | 103 "reason": "bounds change" |
| 104 }, | 104 }, |
| 105 { | 105 { |
| 106 "object": "InlineTextBox 'Lorem ipsum dolor sit amet, consectetur adip
iscing elit.'", | 106 "object": "InlineTextBox 'Lorem ipsum dolor sit amet, consectetur adip
iscing elit.'", |
| 107 "reason": "full" | 107 "reason": "full" |
| 108 }, | 108 }, |
| 109 { | 109 { |
| 110 "object": "InlineTextBox 'Nulla vel dolor ipsum. Aliquam ut turpis nis
l, in vulputate sapien. Cum sociis natoque penatibus et'", | 110 "object": "InlineTextBox 'Nulla vel dolor ipsum. Aliquam ut turpis nis
l, in vulputate sapien. Cum sociis natoque penatibus et'", |
| 111 "reason": "location change" | 111 "reason": "bounds change" |
| 112 }, | 112 }, |
| 113 { | 113 { |
| 114 "object": "InlineTextBox 'Sed volutpat, tellus vel varius vestibulum,
purus quam mollis sapien, in condimentum leo neque sed'", | 114 "object": "InlineTextBox 'Sed volutpat, tellus vel varius vestibulum,
purus quam mollis sapien, in condimentum leo neque sed'", |
| 115 "reason": "location change" | 115 "reason": "bounds change" |
| 116 }, | 116 }, |
| 117 { | 117 { |
| 118 "object": "InlineTextBox 'a lobortis id, faucibus id quam.'", | 118 "object": "InlineTextBox 'a lobortis id, faucibus id quam.'", |
| 119 "reason": "full" | 119 "reason": "full" |
| 120 }, | 120 }, |
| 121 { | 121 { |
| 122 "object": "InlineTextBox 'aliquet. Nulla vel dolor ipsum. Aliquam ut t
urpis nisl, in vulputate sapien. Cum sociis natoque'", | 122 "object": "InlineTextBox 'aliquet. Nulla vel dolor ipsum. Aliquam ut t
urpis nisl, in vulputate sapien. Cum sociis natoque'", |
| 123 "reason": "full" | 123 "reason": "full" |
| 124 }, | 124 }, |
| 125 { | 125 { |
| 126 "object": "InlineTextBox 'aliquet. Nulla vel dolor ipsum. Aliquam ut t
urpis nisl, in vulputate sapien. Cum sociis natoque'", | 126 "object": "InlineTextBox 'aliquet. Nulla vel dolor ipsum. Aliquam ut t
urpis nisl, in vulputate sapien. Cum sociis natoque'", |
| 127 "reason": "location change" | 127 "reason": "bounds change" |
| 128 }, | 128 }, |
| 129 { | 129 { |
| 130 "object": "InlineTextBox 'condimentum leo neque sed nulla. Nunc quis p
orta elit. Pellentesque erat lectus, ultricies a lobortis'", | 130 "object": "InlineTextBox 'condimentum leo neque sed nulla. Nunc quis p
orta elit. Pellentesque erat lectus, ultricies a lobortis'", |
| 131 "reason": "full" | 131 "reason": "full" |
| 132 }, | 132 }, |
| 133 { | 133 { |
| 134 "object": "InlineTextBox 'condimentum leo neque sed nulla. Nunc quis p
orta elit. Pellentesque erat lectus, ultricies a lobortis'", | 134 "object": "InlineTextBox 'condimentum leo neque sed nulla. Nunc quis p
orta elit. Pellentesque erat lectus, ultricies a lobortis'", |
| 135 "reason": "location change" | 135 "reason": "bounds change" |
| 136 }, | 136 }, |
| 137 { | 137 { |
| 138 "object": "InlineTextBox 'feugiat vehicula. Sed volutpat, tellus vel v
arius vestibulum, purus quam mollis sapien, in'", | 138 "object": "InlineTextBox 'feugiat vehicula. Sed volutpat, tellus vel v
arius vestibulum, purus quam mollis sapien, in'", |
| 139 "reason": "full" | 139 "reason": "full" |
| 140 }, | 140 }, |
| 141 { | 141 { |
| 142 "object": "InlineTextBox 'feugiat vehicula. Sed volutpat, tellus vel v
arius vestibulum, purus quam mollis sapien, in'", | 142 "object": "InlineTextBox 'feugiat vehicula. Sed volutpat, tellus vel v
arius vestibulum, purus quam mollis sapien, in'", |
| 143 "reason": "location change" | 143 "reason": "bounds change" |
| 144 }, | 144 }, |
| 145 { | 145 { |
| 146 "object": "InlineTextBox 'feugiat vehicula. Sed volutpat, tellus vel v
arius vestibulum,'", | 146 "object": "InlineTextBox 'feugiat vehicula. Sed volutpat, tellus vel v
arius vestibulum,'", |
| 147 "reason": "full" | 147 "reason": "full" |
| 148 }, | 148 }, |
| 149 { | 149 { |
| 150 "object": "InlineTextBox 'id, faucibus id quam.'", | 150 "object": "InlineTextBox 'id, faucibus id quam.'", |
| 151 "reason": "full" | 151 "reason": "full" |
| 152 }, | 152 }, |
| 153 { | 153 { |
| 154 "object": "InlineTextBox 'id, faucibus id quam.'", | 154 "object": "InlineTextBox 'id, faucibus id quam.'", |
| 155 "reason": "location change" | 155 "reason": "bounds change" |
| 156 }, | 156 }, |
| 157 { | 157 { |
| 158 "object": "InlineTextBox 'ipsum. Aliquam ut turpis nisl, in vulputate
sapien. Cum'", | 158 "object": "InlineTextBox 'ipsum. Aliquam ut turpis nisl, in vulputate
sapien. Cum'", |
| 159 "reason": "full" | 159 "reason": "full" |
| 160 }, | 160 }, |
| 161 { | 161 { |
| 162 "object": "InlineTextBox 'magnis dis parturient montes, nascetur ridic
ulus mus. Sed congue magna vitae dolor feugiat vehicula.'", | 162 "object": "InlineTextBox 'magnis dis parturient montes, nascetur ridic
ulus mus. Sed congue magna vitae dolor feugiat vehicula.'", |
| 163 "reason": "location change" | 163 "reason": "bounds change" |
| 164 }, | 164 }, |
| 165 { | 165 { |
| 166 "object": "InlineTextBox 'nascetur ridiculus mus. Sed congue magna vit
ae dolor'", | 166 "object": "InlineTextBox 'nascetur ridiculus mus. Sed congue magna vit
ae dolor'", |
| 167 "reason": "full" | 167 "reason": "full" |
| 168 }, | 168 }, |
| 169 { | 169 { |
| 170 "object": "InlineTextBox 'nulla. Nunc quis porta elit. Pellentesque er
at lectus, ultricies a lobortis id, faucibus id quam.'", | 170 "object": "InlineTextBox 'nulla. Nunc quis porta elit. Pellentesque er
at lectus, ultricies a lobortis id, faucibus id quam.'", |
| 171 "reason": "location change" | 171 "reason": "bounds change" |
| 172 }, | 172 }, |
| 173 { | 173 { |
| 174 "object": "InlineTextBox 'nulla. Nunc quis porta elit. Pellentesque er
at lectus, ultricies'", | 174 "object": "InlineTextBox 'nulla. Nunc quis porta elit. Pellentesque er
at lectus, ultricies'", |
| 175 "reason": "full" | 175 "reason": "full" |
| 176 }, | 176 }, |
| 177 { | 177 { |
| 178 "object": "InlineTextBox 'penatibus et magnis dis parturient montes, n
ascetur ridiculus mus. Sed congue magna vitae dolor'", | 178 "object": "InlineTextBox 'penatibus et magnis dis parturient montes, n
ascetur ridiculus mus. Sed congue magna vitae dolor'", |
| 179 "reason": "full" | 179 "reason": "full" |
| 180 }, | 180 }, |
| 181 { | 181 { |
| 182 "object": "InlineTextBox 'penatibus et magnis dis parturient montes, n
ascetur ridiculus mus. Sed congue magna vitae dolor'", | 182 "object": "InlineTextBox 'penatibus et magnis dis parturient montes, n
ascetur ridiculus mus. Sed congue magna vitae dolor'", |
| 183 "reason": "location change" | 183 "reason": "bounds change" |
| 184 }, | 184 }, |
| 185 { | 185 { |
| 186 "object": "InlineTextBox 'purus quam mollis sapien, in condimentum leo
neque sed'", | 186 "object": "InlineTextBox 'purus quam mollis sapien, in condimentum leo
neque sed'", |
| 187 "reason": "full" | 187 "reason": "full" |
| 188 }, | 188 }, |
| 189 { | 189 { |
| 190 "object": "InlineTextBox 'sociis natoque penatibus et magnis dis partu
rient montes,'", | 190 "object": "InlineTextBox 'sociis natoque penatibus et magnis dis partu
rient montes,'", |
| 191 "reason": "full" | 191 "reason": "full" |
| 192 }, | 192 }, |
| 193 { | 193 { |
| (...skipping 62 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 256 }, | 256 }, |
| 257 { | 257 { |
| 258 "object": "RootInlineBox", | 258 "object": "RootInlineBox", |
| 259 "reason": "full" | 259 "reason": "full" |
| 260 } | 260 } |
| 261 ] | 261 ] |
| 262 } | 262 } |
| 263 ] | 263 ] |
| 264 } | 264 } |
| 265 | 265 |
| OLD | NEW |