fix rendering fills above semi-translucent fill-extrusions

src/render/painter.js

@@ -274,6 +274,8 @@ class Painter {
     }
 
     stencilModeFor3D(): StencilMode {
+        this.currentStencilSource = undefined;
+
         if (this.nextStencilID + 1 > 256) {
             this.clearStencil();
         }

test/integration/render-tests/combinations/fill-extrusion--fill-opaque/style.json

@@ -0,0 +1,64 @@
+{
+  "version": 8,
+  "metadata": {
+    "test": {
+      "width": 64,
+      "height": 64
+    }
+  },
+  "center": [
+    -113.26903,
+    35.9654
+  ],
+  "zoom": 11,
+  "sources": {
+    "geojson": {
+      "type": "geojson",
+      "data": {
+        "type": "Polygon",
+        "coordinates": [
+          [
+            [
+              -113.27384948730469,
+              35.962
+            ],
+            [
+              -113.26421051269531,
+              35.962
+            ],
+            [
+              -113.26421051269531,
+              35.97
+            ],
+            [
+              -113.27384948730469,
+              35.97
+            ],
+            [
+              -113.27384948730469,
+              35.962
+            ]
+          ]
+        ]
+      }
+    }
+  },
+  "layers": [
+    {
+      "id": "fill-extrusion-translucent",
+      "type": "fill-extrusion",
+      "source": "geojson",
+      "paint": {
+        "fill-extrusion-color": "red"
+      }
+    },
+    {
+      "id": "fill-opaque",
+      "type": "fill",
+      "source": "geojson",
+      "paint": {
+        "fill-color": "blue"
+      }
+    }
+  ]
+}

test/integration/render-tests/combinations/fill-extrusion--fill-translucent/style.json

@@ -0,0 +1,65 @@
+{
+  "version": 8,
+  "metadata": {
+    "test": {
+      "width": 64,
+      "height": 64
+    }
+  },
+  "center": [
+    -113.26903,
+    35.9654
+  ],
+  "zoom": 11,
+  "sources": {
+    "geojson": {
+      "type": "geojson",
+      "data": {
+        "type": "Polygon",
+        "coordinates": [
+          [
+            [
+              -113.27384948730469,
+              35.962
+            ],
+            [
+              -113.26421051269531,
+              35.962
+            ],
+            [
+              -113.26421051269531,
+              35.97
+            ],
+            [
+              -113.27384948730469,
+              35.97
+            ],
+            [
+              -113.27384948730469,
+              35.962
+            ]
+          ]
+        ]
+      }
+    }
+  },
+  "layers": [
+    {
+      "id": "fill-extrusion-translucent",
+      "type": "fill-extrusion",
+      "source": "geojson",
+      "paint": {
+        "fill-extrusion-color": "red"
+      }
+    },
+    {
+      "id": "fill-translucent",
+      "type": "fill",
+      "source": "geojson",
+      "paint": {
+        "fill-opacity": 0.5,
+        "fill-color": "blue"
+      }
+    }
+  ]
+}

test/integration/render-tests/combinations/fill-extrusion-translucent--fill-opaque/style.json

@@ -49,6 +49,7 @@
       "type": "fill-extrusion",
       "source": "geojson",
       "paint": {
+        "fill-extrusion-opacity": 0.5,
         "fill-extrusion-color": "red"
       }
     },

test/integration/render-tests/combinations/fill-extrusion-translucent--fill-translucent/style.json

@@ -49,6 +49,7 @@
       "type": "fill-extrusion",
       "source": "geojson",
       "paint": {
+        "fill-extrusion-opacity": 0.5,
         "fill-extrusion-color": "red"
       }
     },