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