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 (GraphicsLayer | 4 (GraphicsLayer |
5 (bounds 800.00 600.00) | 5 (bounds 800.00 600.00) |
6 (children 1 | 6 (children 1 |
7 (GraphicsLayer | 7 (GraphicsLayer |
8 (bounds 800.00 600.00) | 8 (bounds 800.00 600.00) |
9 (contentsOpaque 1) | 9 (contentsOpaque 1) |
10 (drawsContent 1) | 10 (drawsContent 1) |
11 (children 2 | 11 (children 2 |
12 (GraphicsLayer | 12 (GraphicsLayer |
13 (position 8.00 8.00) | 13 (position 8.00 8.00) |
14 (bounds 784.00 0.00) | 14 (bounds 784.00 0.00) |
15 ) | 15 ) |
16 (GraphicsLayer | 16 (GraphicsLayer |
17 (children 2 | 17 (children 2 |
18 (GraphicsLayer | 18 (GraphicsLayer |
19 (position 100.00 100.00) | 19 (position 100.00 100.00) |
20 (bounds 100.00 100.00) | 20 (bounds 100.00 100.00) |
21 (contentsOpaque 1) | 21 (contentsOpaque 1) |
22 (drawsContent 1) | |
23 (backgroundColor #0000FF) | |
24 ) | 22 ) |
25 (GraphicsLayer | 23 (GraphicsLayer |
26 (position 180.00 180.00) | 24 (position 180.00 180.00) |
27 (bounds 260.00 260.00) | 25 (bounds 260.00 260.00) |
28 (drawsContent 1) | 26 (drawsContent 1) |
29 ) | 27 ) |
30 ) | 28 ) |
31 ) | 29 ) |
32 ) | 30 ) |
33 ) | 31 ) |
34 ) | 32 ) |
35 ) | 33 ) |
36 Case 2: hovering over the "middle" element (causes that div to become its own co
mposited layer) | 34 Case 2: hovering over the "middle" element (causes that div to become its own co
mposited layer) |
37 (GraphicsLayer | 35 (GraphicsLayer |
38 (bounds 800.00 600.00) | 36 (bounds 800.00 600.00) |
39 (children 1 | 37 (children 1 |
40 (GraphicsLayer | 38 (GraphicsLayer |
41 (bounds 800.00 600.00) | 39 (bounds 800.00 600.00) |
42 (contentsOpaque 1) | 40 (contentsOpaque 1) |
43 (drawsContent 1) | 41 (drawsContent 1) |
44 (children 3 | 42 (children 3 |
45 (GraphicsLayer | 43 (GraphicsLayer |
46 (position 8.00 8.00) | 44 (position 8.00 8.00) |
47 (bounds 784.00 0.00) | 45 (bounds 784.00 0.00) |
48 ) | 46 ) |
49 (GraphicsLayer | 47 (GraphicsLayer |
50 (position 100.00 100.00) | 48 (position 100.00 100.00) |
51 (bounds 100.00 100.00) | 49 (bounds 100.00 100.00) |
52 (contentsOpaque 1) | 50 (contentsOpaque 1) |
53 (drawsContent 1) | |
54 (backgroundColor #0000FF) | |
55 ) | 51 ) |
56 (GraphicsLayer | 52 (GraphicsLayer |
57 (children 2 | 53 (children 2 |
58 (GraphicsLayer | 54 (GraphicsLayer |
59 (position 180.00 180.00) | 55 (position 180.00 180.00) |
60 (bounds 100.00 100.00) | 56 (bounds 100.00 100.00) |
61 (contentsOpaque 1) | 57 (contentsOpaque 1) |
62 (drawsContent 1) | |
63 (backgroundColor #008000) | |
64 ) | 58 ) |
65 (GraphicsLayer | 59 (GraphicsLayer |
66 (position 260.00 260.00) | 60 (position 260.00 260.00) |
67 (bounds 180.00 180.00) | 61 (bounds 180.00 180.00) |
68 (drawsContent 1) | 62 (drawsContent 1) |
69 ) | 63 ) |
70 ) | 64 ) |
71 ) | 65 ) |
72 ) | 66 ) |
73 ) | 67 ) |
(...skipping 11 matching lines...) Expand all Loading... |
85 (GraphicsLayer | 79 (GraphicsLayer |
86 (position 8.00 8.00) | 80 (position 8.00 8.00) |
87 (bounds 784.00 0.00) | 81 (bounds 784.00 0.00) |
88 ) | 82 ) |
89 (GraphicsLayer | 83 (GraphicsLayer |
90 (children 2 | 84 (children 2 |
91 (GraphicsLayer | 85 (GraphicsLayer |
92 (position 100.00 100.00) | 86 (position 100.00 100.00) |
93 (bounds 100.00 100.00) | 87 (bounds 100.00 100.00) |
94 (contentsOpaque 1) | 88 (contentsOpaque 1) |
95 (drawsContent 1) | |
96 (backgroundColor #0000FF) | |
97 ) | 89 ) |
98 (GraphicsLayer | 90 (GraphicsLayer |
99 (position 180.00 180.00) | 91 (position 180.00 180.00) |
100 (bounds 100.00 100.00) | 92 (bounds 100.00 100.00) |
101 (drawsContent 1) | 93 (drawsContent 1) |
102 ) | 94 ) |
103 ) | 95 ) |
104 ) | 96 ) |
105 (GraphicsLayer | 97 (GraphicsLayer |
106 (children 2 | 98 (children 2 |
107 (GraphicsLayer | 99 (GraphicsLayer |
108 (position 260.00 260.00) | 100 (position 260.00 260.00) |
109 (bounds 100.00 100.00) | 101 (bounds 100.00 100.00) |
110 (contentsOpaque 1) | 102 (contentsOpaque 1) |
111 (drawsContent 1) | |
112 (backgroundColor #008000) | |
113 ) | 103 ) |
114 (GraphicsLayer | 104 (GraphicsLayer |
115 (position 340.00 340.00) | 105 (position 340.00 340.00) |
116 (bounds 100.00 100.00) | 106 (bounds 100.00 100.00) |
117 (drawsContent 1) | 107 (drawsContent 1) |
118 ) | 108 ) |
119 ) | 109 ) |
120 ) | 110 ) |
121 ) | 111 ) |
122 ) | 112 ) |
(...skipping 11 matching lines...) Expand all Loading... |
134 (GraphicsLayer | 124 (GraphicsLayer |
135 (position 8.00 8.00) | 125 (position 8.00 8.00) |
136 (bounds 784.00 0.00) | 126 (bounds 784.00 0.00) |
137 ) | 127 ) |
138 (GraphicsLayer | 128 (GraphicsLayer |
139 (children 2 | 129 (children 2 |
140 (GraphicsLayer | 130 (GraphicsLayer |
141 (position 100.00 100.00) | 131 (position 100.00 100.00) |
142 (bounds 100.00 100.00) | 132 (bounds 100.00 100.00) |
143 (contentsOpaque 1) | 133 (contentsOpaque 1) |
144 (drawsContent 1) | |
145 (backgroundColor #0000FF) | |
146 ) | 134 ) |
147 (GraphicsLayer | 135 (GraphicsLayer |
148 (position 180.00 180.00) | 136 (position 180.00 180.00) |
149 (bounds 180.00 180.00) | 137 (bounds 180.00 180.00) |
150 (drawsContent 1) | 138 (drawsContent 1) |
151 ) | 139 ) |
152 ) | 140 ) |
153 ) | 141 ) |
154 (GraphicsLayer | 142 (GraphicsLayer |
155 (position 340.00 340.00) | 143 (position 340.00 340.00) |
156 (bounds 100.00 100.00) | 144 (bounds 100.00 100.00) |
157 (contentsOpaque 1) | 145 (contentsOpaque 1) |
158 (drawsContent 1) | |
159 (backgroundColor #008000) | |
160 ) | 146 ) |
161 ) | 147 ) |
162 ) | 148 ) |
163 ) | 149 ) |
164 ) | 150 ) |
165 Case 5: back to situation in case 1 | 151 Case 5: back to situation in case 1 |
166 (GraphicsLayer | 152 (GraphicsLayer |
167 (bounds 800.00 600.00) | 153 (bounds 800.00 600.00) |
168 (children 1 | 154 (children 1 |
169 (GraphicsLayer | 155 (GraphicsLayer |
170 (bounds 800.00 600.00) | 156 (bounds 800.00 600.00) |
171 (contentsOpaque 1) | 157 (contentsOpaque 1) |
172 (drawsContent 1) | 158 (drawsContent 1) |
173 (children 2 | 159 (children 2 |
174 (GraphicsLayer | 160 (GraphicsLayer |
175 (position 8.00 8.00) | 161 (position 8.00 8.00) |
176 (bounds 784.00 0.00) | 162 (bounds 784.00 0.00) |
177 ) | 163 ) |
178 (GraphicsLayer | 164 (GraphicsLayer |
179 (children 2 | 165 (children 2 |
180 (GraphicsLayer | 166 (GraphicsLayer |
181 (position 100.00 100.00) | 167 (position 100.00 100.00) |
182 (bounds 100.00 100.00) | 168 (bounds 100.00 100.00) |
183 (contentsOpaque 1) | 169 (contentsOpaque 1) |
184 (drawsContent 1) | |
185 (backgroundColor #0000FF) | |
186 ) | 170 ) |
187 (GraphicsLayer | 171 (GraphicsLayer |
188 (position 180.00 180.00) | 172 (position 180.00 180.00) |
189 (bounds 260.00 260.00) | 173 (bounds 260.00 260.00) |
190 (drawsContent 1) | 174 (drawsContent 1) |
191 ) | 175 ) |
192 ) | 176 ) |
193 ) | 177 ) |
194 ) | 178 ) |
195 ) | 179 ) |
196 ) | 180 ) |
197 ) | 181 ) |
198 | 182 |
OLD | NEW |