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 (relative positioned) (floating) DIV", |
| 11 "rect": [128, 88, 80, 20], |
| 12 "reason": "incremental" |
| 13 }, |
| 14 { |
| 15 "object": "LayoutBlockFlow (relative positioned) (floating) DIV", |
| 16 "rect": [28, 88, 80, 20], |
| 17 "reason": "incremental" |
| 18 }, |
| 19 { |
10 "object": "LayoutBlockFlow (floating) DIV", | 20 "object": "LayoutBlockFlow (floating) DIV", |
11 "rect": [348, 48, 60, 60], | 21 "rect": [348, 48, 60, 60], |
12 "reason": "style change" | 22 "reason": "style change" |
13 }, | 23 }, |
14 { | 24 { |
15 "object": "LayoutBlockFlow (floating) DIV id='first'", | 25 "object": "LayoutBlockFlow (relative positioned) (floating) DIV id='fo
urth'", |
16 "rect": [48, 48, 60, 60], | 26 "rect": [328, 28, 60, 60], |
| 27 "reason": "style change" |
| 28 }, |
| 29 { |
| 30 "object": "LayoutBlockFlow (floating) DIV id='third'", |
| 31 "rect": [248, 48, 60, 60], |
17 "reason": "style change" | 32 "reason": "style change" |
18 }, | 33 }, |
19 { | 34 { |
20 "object": "LayoutBlockFlow (floating) DIV id='second'", | 35 "object": "LayoutBlockFlow (floating) DIV id='second'", |
21 "rect": [148, 48, 60, 60], | |
22 "reason": "layer" | |
23 }, | |
24 { | |
25 "object": "LayoutBlockFlow (floating) DIV id='second'", | |
26 "rect": [148, 48, 60, 60], | 36 "rect": [148, 48, 60, 60], |
27 "reason": "style change" | 37 "reason": "style change" |
28 }, | 38 }, |
29 { | 39 { |
30 "object": "LayoutBlockFlow (floating) DIV id='third'", | 40 "object": "LayoutBlockFlow (floating) DIV id='second'", |
31 "rect": [248, 48, 60, 60], | 41 "rect": [148, 48, 60, 60], |
| 42 "reason": "layer" |
| 43 }, |
| 44 { |
| 45 "object": "LayoutBlockFlow (floating) DIV id='first'", |
| 46 "rect": [48, 48, 60, 60], |
32 "reason": "style change" | 47 "reason": "style change" |
33 }, | 48 }, |
34 { | 49 { |
35 "object": "LayoutBlockFlow (relative positioned) (floating) DIV", | 50 "object": "LayoutBlockFlow (relative positioned) (floating) DIV", |
36 "rect": [88, 28, 20, 80], | |
37 "reason": "incremental" | |
38 }, | |
39 { | |
40 "object": "LayoutBlockFlow (relative positioned) (floating) DIV", | |
41 "rect": [28, 88, 80, 20], | |
42 "reason": "incremental" | |
43 }, | |
44 { | |
45 "object": "LayoutBlockFlow (relative positioned) (floating) DIV", | |
46 "rect": [188, 28, 20, 80], | 51 "rect": [188, 28, 20, 80], |
47 "reason": "incremental" | 52 "reason": "incremental" |
48 }, | 53 }, |
49 { | 54 { |
50 "object": "LayoutBlockFlow (relative positioned) (floating) DIV", | 55 "object": "LayoutBlockFlow (relative positioned) (floating) DIV", |
51 "rect": [128, 88, 80, 20], | 56 "rect": [88, 28, 20, 80], |
52 "reason": "incremental" | 57 "reason": "incremental" |
53 }, | |
54 { | |
55 "object": "LayoutBlockFlow (relative positioned) (floating) DIV id='fo
urth'", | |
56 "rect": [328, 28, 60, 60], | |
57 "reason": "style change" | |
58 } | 58 } |
59 ] | 59 ] |
60 } | 60 } |
61 ] | 61 ] |
62 } | 62 } |
63 | 63 |
OLD | NEW |