| OLD | NEW |
| (Empty) |
| 1 { | |
| 2 "bounds": [800, 600], | |
| 3 "children": [ | |
| 4 { | |
| 5 "bounds": [800, 600], | |
| 6 "contentsOpaque": true, | |
| 7 "drawsContent": true, | |
| 8 "paintInvalidations": [ | |
| 9 { | |
| 10 "object": "LayoutBlockFlow (positioned) DIV id='container'", | |
| 11 "rect": [558, 8, 50, 500], | |
| 12 "reason": "incremental" | |
| 13 } | |
| 14 ], | |
| 15 "children": [ | |
| 16 { | |
| 17 "position": [8, 8], | |
| 18 "bounds": [55, 40], | |
| 19 "drawsContent": true, | |
| 20 "backfaceVisibility": "hidden", | |
| 21 "paintInvalidations": [ | |
| 22 { | |
| 23 "object": "LayoutBlockFlow (positioned) DIV class='test image'", | |
| 24 "rect": [55, 0, 5, 40], | |
| 25 "reason": "incremental" | |
| 26 } | |
| 27 ] | |
| 28 }, | |
| 29 { | |
| 30 "position": [58, 8], | |
| 31 "bounds": [55, 40], | |
| 32 "drawsContent": true, | |
| 33 "backfaceVisibility": "hidden", | |
| 34 "paintInvalidations": [ | |
| 35 { | |
| 36 "object": "LayoutBlockFlow (positioned) DIV class='test image size
-cover'", | |
| 37 "rect": [0, 0, 60, 40], | |
| 38 "reason": "border box change" | |
| 39 } | |
| 40 ] | |
| 41 }, | |
| 42 { | |
| 43 "position": [108, 8], | |
| 44 "bounds": [55, 40], | |
| 45 "drawsContent": true, | |
| 46 "backfaceVisibility": "hidden", | |
| 47 "paintInvalidations": [ | |
| 48 { | |
| 49 "object": "LayoutBlockFlow (positioned) DIV class='test image size
-contain'", | |
| 50 "rect": [0, 0, 60, 40], | |
| 51 "reason": "border box change" | |
| 52 } | |
| 53 ] | |
| 54 }, | |
| 55 { | |
| 56 "position": [158, 8], | |
| 57 "bounds": [55, 40], | |
| 58 "drawsContent": true, | |
| 59 "backfaceVisibility": "hidden", | |
| 60 "paintInvalidations": [ | |
| 61 { | |
| 62 "object": "LayoutBlockFlow (positioned) DIV class='test image fixe
d-width'", | |
| 63 "rect": [55, 0, 5, 40], | |
| 64 "reason": "incremental" | |
| 65 } | |
| 66 ] | |
| 67 }, | |
| 68 { | |
| 69 "position": [208, 8], | |
| 70 "bounds": [55, 40], | |
| 71 "drawsContent": true, | |
| 72 "backfaceVisibility": "hidden", | |
| 73 "paintInvalidations": [ | |
| 74 { | |
| 75 "object": "LayoutBlockFlow (positioned) DIV class='test image perc
ent-width'", | |
| 76 "rect": [0, 0, 60, 40], | |
| 77 "reason": "border box change" | |
| 78 } | |
| 79 ] | |
| 80 }, | |
| 81 { | |
| 82 "position": [258, 8], | |
| 83 "bounds": [55, 40], | |
| 84 "drawsContent": true, | |
| 85 "backfaceVisibility": "hidden", | |
| 86 "paintInvalidations": [ | |
| 87 { | |
| 88 "object": "LayoutBlockFlow (positioned) DIV class='test image left
'", | |
| 89 "rect": [55, 0, 5, 40], | |
| 90 "reason": "incremental" | |
| 91 } | |
| 92 ] | |
| 93 }, | |
| 94 { | |
| 95 "position": [308, 8], | |
| 96 "bounds": [55, 40], | |
| 97 "drawsContent": true, | |
| 98 "backfaceVisibility": "hidden", | |
| 99 "paintInvalidations": [ | |
| 100 { | |
| 101 "object": "LayoutBlockFlow (positioned) DIV class='test image righ
t'", | |
| 102 "rect": [0, 0, 60, 40], | |
| 103 "reason": "border box change" | |
| 104 } | |
| 105 ] | |
| 106 }, | |
| 107 { | |
| 108 "position": [358, 8], | |
| 109 "bounds": [55, 40], | |
| 110 "drawsContent": true, | |
| 111 "backfaceVisibility": "hidden", | |
| 112 "paintInvalidations": [ | |
| 113 { | |
| 114 "object": "LayoutBlockFlow (positioned) DIV class='test image cent
er'", | |
| 115 "rect": [0, 0, 60, 40], | |
| 116 "reason": "border box change" | |
| 117 } | |
| 118 ] | |
| 119 }, | |
| 120 { | |
| 121 "position": [408, 8], | |
| 122 "bounds": [55, 40], | |
| 123 "drawsContent": true, | |
| 124 "backfaceVisibility": "hidden", | |
| 125 "paintInvalidations": [ | |
| 126 { | |
| 127 "object": "LayoutBlockFlow (positioned) DIV class='test image no-r
epeat'", | |
| 128 "rect": [55, 0, 5, 40], | |
| 129 "reason": "incremental" | |
| 130 } | |
| 131 ] | |
| 132 }, | |
| 133 { | |
| 134 "position": [458, 8], | |
| 135 "bounds": [55, 40], | |
| 136 "drawsContent": true, | |
| 137 "backfaceVisibility": "hidden", | |
| 138 "paintInvalidations": [ | |
| 139 { | |
| 140 "object": "LayoutBlockFlow (positioned) DIV class='test image repe
at-space'", | |
| 141 "rect": [0, 0, 60, 40], | |
| 142 "reason": "border box change" | |
| 143 } | |
| 144 ] | |
| 145 }, | |
| 146 { | |
| 147 "position": [508, 8], | |
| 148 "bounds": [55, 40], | |
| 149 "drawsContent": true, | |
| 150 "backfaceVisibility": "hidden", | |
| 151 "paintInvalidations": [ | |
| 152 { | |
| 153 "object": "LayoutBlockFlow (positioned) DIV class='test image repe
at-round'", | |
| 154 "rect": [0, 0, 60, 40], | |
| 155 "reason": "border box change" | |
| 156 } | |
| 157 ] | |
| 158 }, | |
| 159 { | |
| 160 "position": [8, 108], | |
| 161 "bounds": [55, 40], | |
| 162 "drawsContent": true, | |
| 163 "backfaceVisibility": "hidden", | |
| 164 "paintInvalidations": [ | |
| 165 { | |
| 166 "object": "LayoutBlockFlow (positioned) DIV class='test generated'
", | |
| 167 "rect": [0, 0, 60, 40], | |
| 168 "reason": "border box change" | |
| 169 } | |
| 170 ] | |
| 171 }, | |
| 172 { | |
| 173 "position": [8, 108], | |
| 174 "bounds": [55, 40], | |
| 175 "drawsContent": true, | |
| 176 "backfaceVisibility": "hidden", | |
| 177 "paintInvalidations": [ | |
| 178 { | |
| 179 "object": "LayoutBlockFlow (positioned) DIV class='test generated
cover'", | |
| 180 "rect": [0, 0, 60, 40], | |
| 181 "reason": "border box change" | |
| 182 } | |
| 183 ] | |
| 184 }, | |
| 185 { | |
| 186 "position": [8, 108], | |
| 187 "bounds": [55, 40], | |
| 188 "drawsContent": true, | |
| 189 "backfaceVisibility": "hidden", | |
| 190 "paintInvalidations": [ | |
| 191 { | |
| 192 "object": "LayoutBlockFlow (positioned) DIV class='test generated
contain'", | |
| 193 "rect": [0, 0, 60, 40], | |
| 194 "reason": "border box change" | |
| 195 } | |
| 196 ] | |
| 197 }, | |
| 198 { | |
| 199 "position": [158, 108], | |
| 200 "bounds": [55, 40], | |
| 201 "drawsContent": true, | |
| 202 "backfaceVisibility": "hidden", | |
| 203 "paintInvalidations": [ | |
| 204 { | |
| 205 "object": "LayoutBlockFlow (positioned) DIV class='test generated
fixed-width'", | |
| 206 "rect": [55, 0, 5, 40], | |
| 207 "reason": "incremental" | |
| 208 } | |
| 209 ] | |
| 210 }, | |
| 211 { | |
| 212 "position": [208, 108], | |
| 213 "bounds": [55, 40], | |
| 214 "drawsContent": true, | |
| 215 "backfaceVisibility": "hidden", | |
| 216 "paintInvalidations": [ | |
| 217 { | |
| 218 "object": "LayoutBlockFlow (positioned) DIV class='test generated
percent-width'", | |
| 219 "rect": [0, 0, 60, 40], | |
| 220 "reason": "border box change" | |
| 221 } | |
| 222 ] | |
| 223 }, | |
| 224 { | |
| 225 "position": [258, 108], | |
| 226 "bounds": [55, 40], | |
| 227 "drawsContent": true, | |
| 228 "backfaceVisibility": "hidden", | |
| 229 "paintInvalidations": [ | |
| 230 { | |
| 231 "object": "LayoutBlockFlow (positioned) DIV class='test generated
left'", | |
| 232 "rect": [0, 0, 60, 40], | |
| 233 "reason": "border box change" | |
| 234 } | |
| 235 ] | |
| 236 }, | |
| 237 { | |
| 238 "position": [308, 108], | |
| 239 "bounds": [55, 40], | |
| 240 "drawsContent": true, | |
| 241 "backfaceVisibility": "hidden", | |
| 242 "paintInvalidations": [ | |
| 243 { | |
| 244 "object": "LayoutBlockFlow (positioned) DIV class='test generated
right'", | |
| 245 "rect": [0, 0, 60, 40], | |
| 246 "reason": "border box change" | |
| 247 } | |
| 248 ] | |
| 249 }, | |
| 250 { | |
| 251 "position": [358, 108], | |
| 252 "bounds": [55, 40], | |
| 253 "drawsContent": true, | |
| 254 "backfaceVisibility": "hidden", | |
| 255 "paintInvalidations": [ | |
| 256 { | |
| 257 "object": "LayoutBlockFlow (positioned) DIV class='test generated
center'", | |
| 258 "rect": [0, 0, 60, 40], | |
| 259 "reason": "border box change" | |
| 260 } | |
| 261 ] | |
| 262 }, | |
| 263 { | |
| 264 "position": [408, 108], | |
| 265 "bounds": [55, 40], | |
| 266 "drawsContent": true, | |
| 267 "backfaceVisibility": "hidden", | |
| 268 "paintInvalidations": [ | |
| 269 { | |
| 270 "object": "LayoutBlockFlow (positioned) DIV class='test generated
no-repeat'", | |
| 271 "rect": [0, 0, 60, 40], | |
| 272 "reason": "border box change" | |
| 273 } | |
| 274 ] | |
| 275 }, | |
| 276 { | |
| 277 "position": [458, 108], | |
| 278 "bounds": [55, 40], | |
| 279 "drawsContent": true, | |
| 280 "backfaceVisibility": "hidden", | |
| 281 "paintInvalidations": [ | |
| 282 { | |
| 283 "object": "LayoutBlockFlow (positioned) DIV class='test generated
repeat-space'", | |
| 284 "rect": [0, 0, 60, 40], | |
| 285 "reason": "border box change" | |
| 286 } | |
| 287 ] | |
| 288 }, | |
| 289 { | |
| 290 "position": [508, 108], | |
| 291 "bounds": [55, 40], | |
| 292 "drawsContent": true, | |
| 293 "backfaceVisibility": "hidden", | |
| 294 "paintInvalidations": [ | |
| 295 { | |
| 296 "object": "LayoutBlockFlow (positioned) DIV class='test generated
repeat-round'", | |
| 297 "rect": [0, 0, 60, 40], | |
| 298 "reason": "border box change" | |
| 299 } | |
| 300 ] | |
| 301 } | |
| 302 ] | |
| 303 } | |
| 304 ] | |
| 305 } | |
| 306 | |
| OLD | NEW |