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