OLD | NEW |
1 { | 1 { |
| 2 "name": "Content Root Layer", |
2 "bounds": [800, 600], | 3 "bounds": [800, 600], |
3 "children": [ | 4 "children": [ |
4 { | 5 { |
| 6 "name": "LayoutView #document", |
5 "bounds": [800, 600], | 7 "bounds": [800, 600], |
6 "contentsOpaque": true, | 8 "contentsOpaque": true, |
7 "drawsContent": true, | 9 "drawsContent": true, |
8 "paintInvalidations": [ | 10 "paintInvalidations": [ |
9 { | 11 { |
10 "object": "LayoutBlockFlow DIV id='overflow2'", | 12 "object": "LayoutBlockFlow DIV id='overflow2'", |
11 "rect": [0, 200, 200, 200], | 13 "rect": [0, 200, 200, 200], |
12 "reason": "style change" | 14 "reason": "style change" |
13 }, | 15 }, |
14 { | 16 { |
15 "object": "LayoutBlockFlow DIV id='overflow1'", | 17 "object": "LayoutBlockFlow DIV id='overflow1'", |
16 "rect": [0, 0, 200, 200], | 18 "rect": [0, 0, 200, 200], |
17 "reason": "style change" | 19 "reason": "style change" |
18 } | 20 } |
19 ], | 21 ], |
20 "children": [ | 22 "children": [ |
21 { | 23 { |
| 24 "name": "LayoutBlockFlow DIV class='composited-child'", |
22 "bounds": [100, 100], | 25 "bounds": [100, 100], |
23 "contentsOpaque": true, | 26 "contentsOpaque": true, |
24 "drawsContent": true, | 27 "drawsContent": true, |
25 "backfaceVisibility": "hidden", | 28 "backfaceVisibility": "hidden", |
26 "backgroundColor": "#008000" | 29 "backgroundColor": "#008000" |
27 }, | 30 }, |
28 { | 31 { |
| 32 "name": "Ancestor Clipping Layer", |
29 "position": [0, 200], | 33 "position": [0, 200], |
30 "bounds": [200, 200], | 34 "bounds": [200, 200], |
31 "shouldFlattenTransform": false, | 35 "shouldFlattenTransform": false, |
32 "children": [ | 36 "children": [ |
33 { | 37 { |
| 38 "name": "LayoutBlockFlow DIV class='composited-child'", |
34 "bounds": [100, 100], | 39 "bounds": [100, 100], |
35 "contentsOpaque": true, | 40 "contentsOpaque": true, |
36 "drawsContent": true, | 41 "drawsContent": true, |
37 "backfaceVisibility": "hidden", | 42 "backfaceVisibility": "hidden", |
38 "backgroundColor": "#008000" | 43 "backgroundColor": "#008000" |
39 } | 44 } |
40 ] | 45 ] |
41 }, | 46 }, |
42 { | 47 { |
| 48 "name": "LayoutBlockFlow (relative positioned) DIV class='composited-c
hild overflow-child'", |
43 "position": [150, 150], | 49 "position": [150, 150], |
44 "bounds": [100, 100], | 50 "bounds": [100, 100], |
45 "contentsOpaque": true, | 51 "contentsOpaque": true, |
46 "drawsContent": true, | 52 "drawsContent": true, |
47 "backfaceVisibility": "hidden", | 53 "backfaceVisibility": "hidden", |
48 "backgroundColor": "#008000" | 54 "backgroundColor": "#008000" |
49 }, | 55 }, |
50 { | 56 { |
| 57 "name": "Ancestor Clipping Layer", |
51 "position": [0, 200], | 58 "position": [0, 200], |
52 "bounds": [200, 200], | 59 "bounds": [200, 200], |
53 "shouldFlattenTransform": false, | 60 "shouldFlattenTransform": false, |
54 "children": [ | 61 "children": [ |
55 { | 62 { |
| 63 "name": "LayoutBlockFlow (relative positioned) DIV class='composit
ed-child overflow-child'", |
56 "position": [150, 150], | 64 "position": [150, 150], |
57 "bounds": [100, 100], | 65 "bounds": [100, 100], |
58 "contentsOpaque": true, | 66 "contentsOpaque": true, |
59 "drawsContent": true, | 67 "drawsContent": true, |
60 "backfaceVisibility": "hidden", | 68 "backfaceVisibility": "hidden", |
61 "backgroundColor": "#008000" | 69 "backgroundColor": "#008000" |
62 } | 70 } |
63 ] | 71 ] |
64 } | 72 } |
65 ] | 73 ] |
66 } | 74 } |
| 75 ], |
| 76 "objectPaintInvalidations": [ |
| 77 { |
| 78 "object": "LayoutBlockFlow DIV id='overflow1'", |
| 79 "reason": "style change" |
| 80 }, |
| 81 { |
| 82 "object": "LayoutBlockFlow DIV id='overflow2'", |
| 83 "reason": "style change" |
| 84 } |
67 ] | 85 ] |
68 } | 86 } |
69 | 87 |
OLD | NEW |