| 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 |