OLD | NEW |
1 { | 1 { |
2 "name": "Content Root Layer", | 2 "name": "Content Root Layer", |
3 "bounds": [600, 250], | 3 "bounds": [600, 250], |
4 "children": [ | 4 "children": [ |
5 { | 5 { |
6 "name": "LayoutView #document", | 6 "name": "LayoutView #document", |
7 "bounds": [600, 250], | 7 "bounds": [600, 250], |
8 "contentsOpaque": true, | 8 "contentsOpaque": true, |
9 "drawsContent": true, | 9 "drawsContent": true, |
10 "paintInvalidations": [ | 10 "paintInvalidations": [ |
11 { | 11 { |
12 "object": "LayoutBlockFlow (positioned) DIV class='container'", | 12 "object": "LayoutBlockFlow (positioned) DIV class='container'", |
13 "rect": [0, 0, 600, 500], | 13 "rect": [0, 0, 600, 500], |
14 "reason": "forced by layout" | 14 "reason": "forced by layout" |
15 }, | 15 }, |
16 { | 16 { |
17 "object": "LayoutView #document", | 17 "object": "LayoutView #document", |
18 "rect": [0, 250, 600, 250], | 18 "rect": [0, 250, 600, 250], |
19 "reason": "incremental" | 19 "reason": "incremental" |
20 }, | 20 }, |
21 { | 21 { |
22 "object": "LayoutBlockFlow HTML", | 22 "object": "LayoutBlockFlow HTML", |
23 "rect": [0, 0, 600, 8], | 23 "rect": [0, 0, 600, 8], |
24 "reason": "forced by layout" | 24 "reason": "forced by layout" |
25 }, | 25 }, |
26 { | 26 { |
27 "object": "LayoutBlockFlow DIV class='parent'", | 27 "object": "LayoutBlockFlow DIV class='parent'", |
28 "rect": [0, 250, 6, 250], | 28 "rect": [0, 0, 6, 500], |
29 "reason": "incremental" | 29 "reason": "forced by layout" |
30 }, | |
31 { | |
32 "object": "LayoutBlockFlow DIV class='parent'", | |
33 "rect": [0, 0, 6, 33], | |
34 "reason": "invalidate paint rectangle" | |
35 }, | 30 }, |
36 { | 31 { |
37 "object": "LayoutBlockFlow (relative positioned) DIV class='child'", | 32 "object": "LayoutBlockFlow (relative positioned) DIV class='child'", |
38 "rect": [0, 250, 6, 30], | 33 "rect": [0, 250, 6, 30], |
39 "reason": "bounds change" | 34 "reason": "forced by layout" |
40 }, | 35 }, |
41 { | 36 { |
42 "object": "LayoutBlockFlow (relative positioned) DIV class='child'", | 37 "object": "LayoutBlockFlow (relative positioned) DIV class='child'", |
43 "rect": [0, 125, 6, 30], | 38 "rect": [0, 125, 6, 30], |
44 "reason": "bounds change" | 39 "reason": "forced by layout" |
45 } | 40 } |
46 ] | 41 ] |
47 } | 42 } |
48 ], | 43 ], |
49 "objectPaintInvalidations": [ | 44 "objectPaintInvalidations": [ |
50 { | 45 { |
51 "object": "InlineBox", | |
52 "reason": "full" | |
53 }, | |
54 { | |
55 "object": "RootInlineBox", | |
56 "reason": "full" | |
57 }, | |
58 { | |
59 "object": "InlineBox", | |
60 "reason": "full" | |
61 }, | |
62 { | |
63 "object": "RootInlineBox", | |
64 "reason": "full" | |
65 }, | |
66 { | |
67 "object": "LayoutView #document", | 46 "object": "LayoutView #document", |
68 "reason": "incremental" | 47 "reason": "incremental" |
69 }, | 48 }, |
70 { | 49 { |
71 "object": "LayoutBlockFlow HTML", | 50 "object": "LayoutBlockFlow HTML", |
72 "reason": "forced by layout" | 51 "reason": "forced by layout" |
73 }, | 52 }, |
74 { | 53 { |
75 "object": "LayoutBlockFlow (positioned) DIV class='container'", | 54 "object": "LayoutBlockFlow (positioned) DIV class='container'", |
76 "reason": "forced by layout" | 55 "reason": "forced by layout" |
77 }, | 56 }, |
78 { | 57 { |
79 "object": "LayoutBlockFlow DIV class='parent'", | 58 "object": "LayoutBlockFlow DIV class='parent'", |
80 "reason": "incremental" | 59 "reason": "forced by layout" |
81 }, | |
82 { | |
83 "object": "LayoutBlockFlow DIV class='parent'", | |
84 "reason": "invalidate paint rectangle" | |
85 }, | 60 }, |
86 { | 61 { |
87 "object": "RootInlineBox", | 62 "object": "RootInlineBox", |
88 "reason": "incremental" | 63 "reason": "forced by layout" |
89 }, | 64 }, |
90 { | 65 { |
91 "object": "LayoutBlockFlow (relative positioned) DIV class='child'", | 66 "object": "LayoutBlockFlow (relative positioned) DIV class='child'", |
92 "reason": "bounds change" | 67 "reason": "forced by layout" |
93 } | 68 } |
94 ] | 69 ] |
95 } | 70 } |
96 { | 71 { |
97 "name": "Content Root Layer", | 72 "name": "Content Root Layer", |
98 "bounds": [400, 250], | 73 "bounds": [400, 250], |
99 "children": [ | 74 "children": [ |
100 { | 75 { |
101 "name": "LayoutView #document", | 76 "name": "LayoutView #document", |
102 "bounds": [400, 250], | 77 "bounds": [400, 250], |
(...skipping 10 matching lines...) Expand all Loading... |
113 "rect": [0, 0, 600, 8], | 88 "rect": [0, 0, 600, 8], |
114 "reason": "forced by layout" | 89 "reason": "forced by layout" |
115 }, | 90 }, |
116 { | 91 { |
117 "object": "LayoutView #document", | 92 "object": "LayoutView #document", |
118 "rect": [400, 0, 200, 250], | 93 "rect": [400, 0, 200, 250], |
119 "reason": "incremental" | 94 "reason": "incremental" |
120 }, | 95 }, |
121 { | 96 { |
122 "object": "LayoutBlockFlow DIV class='parent'", | 97 "object": "LayoutBlockFlow DIV class='parent'", |
123 "rect": [0, 0, 6, 33], | 98 "rect": [0, 0, 6, 250], |
124 "reason": "invalidate paint rectangle" | 99 "reason": "forced by layout" |
| 100 }, |
| 101 { |
| 102 "object": "LayoutBlockFlow (relative positioned) DIV class='child'", |
| 103 "rect": [0, 125, 6, 30], |
| 104 "reason": "forced by layout" |
125 } | 105 } |
126 ] | 106 ] |
127 } | 107 } |
128 ], | 108 ], |
129 "objectPaintInvalidations": [ | 109 "objectPaintInvalidations": [ |
130 { | 110 { |
131 "object": "InlineBox", | |
132 "reason": "full" | |
133 }, | |
134 { | |
135 "object": "RootInlineBox", | |
136 "reason": "full" | |
137 }, | |
138 { | |
139 "object": "InlineBox", | |
140 "reason": "full" | |
141 }, | |
142 { | |
143 "object": "RootInlineBox", | |
144 "reason": "full" | |
145 }, | |
146 { | |
147 "object": "LayoutView #document", | 111 "object": "LayoutView #document", |
148 "reason": "incremental" | 112 "reason": "incremental" |
149 }, | 113 }, |
150 { | 114 { |
151 "object": "LayoutBlockFlow HTML", | 115 "object": "LayoutBlockFlow HTML", |
152 "reason": "forced by layout" | 116 "reason": "forced by layout" |
153 }, | 117 }, |
154 { | 118 { |
155 "object": "LayoutBlockFlow (positioned) DIV class='container'", | 119 "object": "LayoutBlockFlow (positioned) DIV class='container'", |
156 "reason": "forced by layout" | 120 "reason": "forced by layout" |
157 }, | 121 }, |
158 { | 122 { |
159 "object": "LayoutBlockFlow DIV class='parent'", | 123 "object": "LayoutBlockFlow DIV class='parent'", |
160 "reason": "invalidate paint rectangle" | 124 "reason": "forced by layout" |
| 125 }, |
| 126 { |
| 127 "object": "RootInlineBox", |
| 128 "reason": "forced by layout" |
| 129 }, |
| 130 { |
| 131 "object": "LayoutBlockFlow (relative positioned) DIV class='child'", |
| 132 "reason": "forced by layout" |
161 } | 133 } |
162 ] | 134 ] |
163 } | 135 } |
164 { | 136 { |
165 "name": "Content Root Layer", | 137 "name": "Content Root Layer", |
166 "bounds": [400, 600], | 138 "bounds": [400, 600], |
167 "children": [ | 139 "children": [ |
168 { | 140 { |
169 "name": "LayoutView #document", | 141 "name": "LayoutView #document", |
170 "bounds": [400, 600], | 142 "bounds": [400, 600], |
(...skipping 10 matching lines...) Expand all Loading... |
181 "rect": [0, 250, 400, 350], | 153 "rect": [0, 250, 400, 350], |
182 "reason": "incremental" | 154 "reason": "incremental" |
183 }, | 155 }, |
184 { | 156 { |
185 "object": "LayoutBlockFlow HTML", | 157 "object": "LayoutBlockFlow HTML", |
186 "rect": [0, 0, 400, 8], | 158 "rect": [0, 0, 400, 8], |
187 "reason": "forced by layout" | 159 "reason": "forced by layout" |
188 }, | 160 }, |
189 { | 161 { |
190 "object": "LayoutBlockFlow DIV class='parent'", | 162 "object": "LayoutBlockFlow DIV class='parent'", |
191 "rect": [0, 250, 6, 350], | 163 "rect": [0, 0, 6, 600], |
192 "reason": "incremental" | 164 "reason": "forced by layout" |
193 }, | |
194 { | |
195 "object": "LayoutBlockFlow DIV class='parent'", | |
196 "rect": [0, 0, 6, 33], | |
197 "reason": "invalidate paint rectangle" | |
198 }, | 165 }, |
199 { | 166 { |
200 "object": "LayoutBlockFlow (relative positioned) DIV class='child'", | 167 "object": "LayoutBlockFlow (relative positioned) DIV class='child'", |
201 "rect": [0, 300, 6, 30], | 168 "rect": [0, 300, 6, 30], |
202 "reason": "bounds change" | 169 "reason": "forced by layout" |
203 }, | 170 }, |
204 { | 171 { |
205 "object": "LayoutBlockFlow (relative positioned) DIV class='child'", | 172 "object": "LayoutBlockFlow (relative positioned) DIV class='child'", |
206 "rect": [0, 125, 6, 30], | 173 "rect": [0, 125, 6, 30], |
207 "reason": "bounds change" | 174 "reason": "forced by layout" |
208 } | 175 } |
209 ] | 176 ] |
210 } | 177 } |
211 ], | 178 ], |
212 "objectPaintInvalidations": [ | 179 "objectPaintInvalidations": [ |
213 { | 180 { |
214 "object": "InlineBox", | |
215 "reason": "full" | |
216 }, | |
217 { | |
218 "object": "RootInlineBox", | |
219 "reason": "full" | |
220 }, | |
221 { | |
222 "object": "InlineBox", | |
223 "reason": "full" | |
224 }, | |
225 { | |
226 "object": "RootInlineBox", | |
227 "reason": "full" | |
228 }, | |
229 { | |
230 "object": "InlineBox", | |
231 "reason": "full" | |
232 }, | |
233 { | |
234 "object": "RootInlineBox", | |
235 "reason": "full" | |
236 }, | |
237 { | |
238 "object": "InlineBox", | |
239 "reason": "full" | |
240 }, | |
241 { | |
242 "object": "RootInlineBox", | |
243 "reason": "full" | |
244 }, | |
245 { | |
246 "object": "LayoutView #document", | 181 "object": "LayoutView #document", |
247 "reason": "incremental" | 182 "reason": "incremental" |
248 }, | 183 }, |
249 { | 184 { |
250 "object": "LayoutBlockFlow HTML", | 185 "object": "LayoutBlockFlow HTML", |
251 "reason": "forced by layout" | 186 "reason": "forced by layout" |
252 }, | 187 }, |
253 { | 188 { |
254 "object": "LayoutBlockFlow (positioned) DIV class='container'", | 189 "object": "LayoutBlockFlow (positioned) DIV class='container'", |
255 "reason": "full" | 190 "reason": "full" |
256 }, | 191 }, |
257 { | 192 { |
258 "object": "LayoutBlockFlow DIV class='parent'", | 193 "object": "LayoutBlockFlow DIV class='parent'", |
259 "reason": "incremental" | 194 "reason": "forced by layout" |
260 }, | |
261 { | |
262 "object": "LayoutBlockFlow DIV class='parent'", | |
263 "reason": "invalidate paint rectangle" | |
264 }, | 195 }, |
265 { | 196 { |
266 "object": "RootInlineBox", | 197 "object": "RootInlineBox", |
267 "reason": "incremental" | 198 "reason": "forced by layout" |
268 }, | 199 }, |
269 { | 200 { |
270 "object": "LayoutBlockFlow (relative positioned) DIV class='child'", | 201 "object": "LayoutBlockFlow (relative positioned) DIV class='child'", |
271 "reason": "bounds change" | 202 "reason": "forced by layout" |
272 } | 203 } |
273 ] | 204 ] |
274 } | 205 } |
275 { | 206 { |
276 "name": "Content Root Layer", | 207 "name": "Content Root Layer", |
277 "bounds": [800, 600], | 208 "bounds": [800, 600], |
278 "children": [ | 209 "children": [ |
279 { | 210 { |
280 "name": "LayoutView #document", | 211 "name": "LayoutView #document", |
281 "bounds": [800, 600], | 212 "bounds": [800, 600], |
(...skipping 10 matching lines...) Expand all Loading... |
292 "rect": [0, 0, 800, 8], | 223 "rect": [0, 0, 800, 8], |
293 "reason": "forced by layout" | 224 "reason": "forced by layout" |
294 }, | 225 }, |
295 { | 226 { |
296 "object": "LayoutView #document", | 227 "object": "LayoutView #document", |
297 "rect": [400, 0, 400, 600], | 228 "rect": [400, 0, 400, 600], |
298 "reason": "incremental" | 229 "reason": "incremental" |
299 }, | 230 }, |
300 { | 231 { |
301 "object": "LayoutBlockFlow DIV class='parent'", | 232 "object": "LayoutBlockFlow DIV class='parent'", |
302 "rect": [0, 0, 6, 33], | 233 "rect": [0, 0, 6, 600], |
303 "reason": "invalidate paint rectangle" | 234 "reason": "forced by layout" |
| 235 }, |
| 236 { |
| 237 "object": "LayoutBlockFlow (relative positioned) DIV class='child'", |
| 238 "rect": [0, 300, 6, 30], |
| 239 "reason": "forced by layout" |
304 } | 240 } |
305 ] | 241 ] |
306 } | 242 } |
307 ], | 243 ], |
308 "objectPaintInvalidations": [ | 244 "objectPaintInvalidations": [ |
309 { | 245 { |
310 "object": "InlineBox", | |
311 "reason": "full" | |
312 }, | |
313 { | |
314 "object": "RootInlineBox", | |
315 "reason": "full" | |
316 }, | |
317 { | |
318 "object": "InlineBox", | |
319 "reason": "full" | |
320 }, | |
321 { | |
322 "object": "RootInlineBox", | |
323 "reason": "full" | |
324 }, | |
325 { | |
326 "object": "InlineBox", | |
327 "reason": "full" | |
328 }, | |
329 { | |
330 "object": "RootInlineBox", | |
331 "reason": "full" | |
332 }, | |
333 { | |
334 "object": "InlineBox", | |
335 "reason": "full" | |
336 }, | |
337 { | |
338 "object": "RootInlineBox", | |
339 "reason": "full" | |
340 }, | |
341 { | |
342 "object": "LayoutView #document", | 246 "object": "LayoutView #document", |
343 "reason": "incremental" | 247 "reason": "incremental" |
344 }, | 248 }, |
345 { | 249 { |
346 "object": "LayoutBlockFlow HTML", | 250 "object": "LayoutBlockFlow HTML", |
347 "reason": "forced by layout" | 251 "reason": "forced by layout" |
348 }, | 252 }, |
349 { | 253 { |
350 "object": "LayoutBlockFlow (positioned) DIV class='container'", | 254 "object": "LayoutBlockFlow (positioned) DIV class='container'", |
351 "reason": "full" | 255 "reason": "full" |
352 }, | 256 }, |
353 { | 257 { |
354 "object": "LayoutBlockFlow DIV class='parent'", | 258 "object": "LayoutBlockFlow DIV class='parent'", |
355 "reason": "invalidate paint rectangle" | 259 "reason": "forced by layout" |
| 260 }, |
| 261 { |
| 262 "object": "RootInlineBox", |
| 263 "reason": "forced by layout" |
| 264 }, |
| 265 { |
| 266 "object": "LayoutBlockFlow (relative positioned) DIV class='child'", |
| 267 "reason": "forced by layout" |
356 } | 268 } |
357 ] | 269 ] |
358 } | 270 } |
359 | 271 |
OLD | NEW |