OLD | NEW |
1 Test overlap is rendered correctly when hovering over elements | 1 Test overlap is rendered correctly when hovering over elements |
2 | 2 |
3 Case 1, original layer tree: | 3 Case 1, original layer tree: |
4 { | 4 { |
5 "layers": [ | 5 "layers": [ |
6 { | 6 { |
7 "name": "LayoutView #document", | 7 "name": "LayoutView #document", |
8 "bounds": [800, 600], | 8 "bounds": [800, 600], |
9 "contentsOpaque": true, | 9 "contentsOpaque": true, |
10 "drawsContent": true | 10 "drawsContent": true |
11 }, | 11 }, |
12 { | 12 { |
13 "name": "LayoutBlockFlow DIV class='composited'", | 13 "name": "LayoutBlockFlow DIV class='composited'", |
14 "position": [8, 8], | 14 "position": [8, 8], |
15 "bounds": [784, 0] | 15 "transformOrigin": [392, 0], |
| 16 "contentsOpaque": true |
16 }, | 17 }, |
17 { | 18 { |
18 "name": "Squashing Containment Layer", | 19 "name": "Squashing Containment Layer", |
19 "shouldFlattenTransform": false | 20 "shouldFlattenTransform": false |
20 }, | 21 }, |
21 { | 22 { |
22 "name": "LayoutBlockFlow (positioned) DIV class='composited box behind'", | 23 "name": "LayoutBlockFlow (positioned) DIV class='composited box behind'", |
23 "position": [100, 100], | 24 "position": [100, 100], |
24 "bounds": [100, 100], | 25 "bounds": [100, 100], |
25 "contentsOpaque": true, | 26 "contentsOpaque": true, |
(...skipping 13 matching lines...) Expand all Loading... |
39 "layers": [ | 40 "layers": [ |
40 { | 41 { |
41 "name": "LayoutView #document", | 42 "name": "LayoutView #document", |
42 "bounds": [800, 600], | 43 "bounds": [800, 600], |
43 "contentsOpaque": true, | 44 "contentsOpaque": true, |
44 "drawsContent": true | 45 "drawsContent": true |
45 }, | 46 }, |
46 { | 47 { |
47 "name": "LayoutBlockFlow DIV class='composited'", | 48 "name": "LayoutBlockFlow DIV class='composited'", |
48 "position": [8, 8], | 49 "position": [8, 8], |
49 "bounds": [784, 0] | 50 "transformOrigin": [392, 0], |
| 51 "contentsOpaque": true |
50 }, | 52 }, |
51 { | 53 { |
52 "name": "LayoutBlockFlow (positioned) DIV class='composited box behind'", | 54 "name": "LayoutBlockFlow (positioned) DIV class='composited box behind'", |
53 "position": [100, 100], | 55 "position": [100, 100], |
54 "bounds": [100, 100], | 56 "bounds": [100, 100], |
55 "contentsOpaque": true, | 57 "contentsOpaque": true, |
56 "drawsContent": true, | 58 "drawsContent": true, |
57 "backgroundColor": "#0000FF" | 59 "backgroundColor": "#0000FF" |
58 }, | 60 }, |
59 { | 61 { |
(...skipping 21 matching lines...) Expand all Loading... |
81 "layers": [ | 83 "layers": [ |
82 { | 84 { |
83 "name": "LayoutView #document", | 85 "name": "LayoutView #document", |
84 "bounds": [800, 600], | 86 "bounds": [800, 600], |
85 "contentsOpaque": true, | 87 "contentsOpaque": true, |
86 "drawsContent": true | 88 "drawsContent": true |
87 }, | 89 }, |
88 { | 90 { |
89 "name": "LayoutBlockFlow DIV class='composited'", | 91 "name": "LayoutBlockFlow DIV class='composited'", |
90 "position": [8, 8], | 92 "position": [8, 8], |
91 "bounds": [784, 0] | 93 "transformOrigin": [392, 0], |
| 94 "contentsOpaque": true |
92 }, | 95 }, |
93 { | 96 { |
94 "name": "Squashing Containment Layer", | 97 "name": "Squashing Containment Layer", |
95 "shouldFlattenTransform": false | 98 "shouldFlattenTransform": false |
96 }, | 99 }, |
97 { | 100 { |
98 "name": "LayoutBlockFlow (positioned) DIV class='composited box behind'", | 101 "name": "LayoutBlockFlow (positioned) DIV class='composited box behind'", |
99 "position": [100, 100], | 102 "position": [100, 100], |
100 "bounds": [100, 100], | 103 "bounds": [100, 100], |
101 "contentsOpaque": true, | 104 "contentsOpaque": true, |
(...skipping 31 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
133 "layers": [ | 136 "layers": [ |
134 { | 137 { |
135 "name": "LayoutView #document", | 138 "name": "LayoutView #document", |
136 "bounds": [800, 600], | 139 "bounds": [800, 600], |
137 "contentsOpaque": true, | 140 "contentsOpaque": true, |
138 "drawsContent": true | 141 "drawsContent": true |
139 }, | 142 }, |
140 { | 143 { |
141 "name": "LayoutBlockFlow DIV class='composited'", | 144 "name": "LayoutBlockFlow DIV class='composited'", |
142 "position": [8, 8], | 145 "position": [8, 8], |
143 "bounds": [784, 0] | 146 "transformOrigin": [392, 0], |
| 147 "contentsOpaque": true |
144 }, | 148 }, |
145 { | 149 { |
146 "name": "Squashing Containment Layer", | 150 "name": "Squashing Containment Layer", |
147 "shouldFlattenTransform": false | 151 "shouldFlattenTransform": false |
148 }, | 152 }, |
149 { | 153 { |
150 "name": "LayoutBlockFlow (positioned) DIV class='composited box behind'", | 154 "name": "LayoutBlockFlow (positioned) DIV class='composited box behind'", |
151 "position": [100, 100], | 155 "position": [100, 100], |
152 "bounds": [100, 100], | 156 "bounds": [100, 100], |
153 "contentsOpaque": true, | 157 "contentsOpaque": true, |
(...skipping 21 matching lines...) Expand all Loading... |
175 "layers": [ | 179 "layers": [ |
176 { | 180 { |
177 "name": "LayoutView #document", | 181 "name": "LayoutView #document", |
178 "bounds": [800, 600], | 182 "bounds": [800, 600], |
179 "contentsOpaque": true, | 183 "contentsOpaque": true, |
180 "drawsContent": true | 184 "drawsContent": true |
181 }, | 185 }, |
182 { | 186 { |
183 "name": "LayoutBlockFlow DIV class='composited'", | 187 "name": "LayoutBlockFlow DIV class='composited'", |
184 "position": [8, 8], | 188 "position": [8, 8], |
185 "bounds": [784, 0] | 189 "transformOrigin": [392, 0], |
| 190 "contentsOpaque": true |
186 }, | 191 }, |
187 { | 192 { |
188 "name": "Squashing Containment Layer", | 193 "name": "Squashing Containment Layer", |
189 "shouldFlattenTransform": false | 194 "shouldFlattenTransform": false |
190 }, | 195 }, |
191 { | 196 { |
192 "name": "LayoutBlockFlow (positioned) DIV class='composited box behind'", | 197 "name": "LayoutBlockFlow (positioned) DIV class='composited box behind'", |
193 "position": [100, 100], | 198 "position": [100, 100], |
194 "bounds": [100, 100], | 199 "bounds": [100, 100], |
195 "contentsOpaque": true, | 200 "contentsOpaque": true, |
196 "drawsContent": true, | 201 "drawsContent": true, |
197 "backgroundColor": "#0000FF" | 202 "backgroundColor": "#0000FF" |
198 }, | 203 }, |
199 { | 204 { |
200 "name": "Squashing Layer (first squashed layer: LayoutBlockFlow (positione
d) DIV class='box middle')", | 205 "name": "Squashing Layer (first squashed layer: LayoutBlockFlow (positione
d) DIV class='box middle')", |
201 "position": [180, 180], | 206 "position": [180, 180], |
202 "bounds": [260, 260], | 207 "bounds": [260, 260], |
203 "drawsContent": true | 208 "drawsContent": true |
204 } | 209 } |
205 ] | 210 ] |
206 } | 211 } |
207 | 212 |
OLD | NEW |