Enable variable placement with allowed text overlap

src/symbol/placement.js

@@ -421,12 +421,14 @@ export class Placement {
                         const textBoxScale = symbolInstance.textBoxScale;
 
                         let placedBox: ?{ box: Array<number>, offscreen: boolean }  = { box: [], offscreen: false };
-
-                        for (const anchor of anchors) {
+                        const placementAttempts = textAllowOverlap ? anchors.length * 2 : anchors.length;
+                        for (let i = 0; i < placementAttempts; ++i) {
+                            const anchor = anchors[i % anchors.length];
+                            const allowOverlap = (i >= anchors.length);
                             placedBox = this.attemptAnchorPlacement(
                                 anchor, collisionTextBox, width, height, symbolInstance.radialTextOffset,
                                 textBoxScale, rotateWithMap, pitchWithMap, textPixelRatio, posMatrix,
-                                collisionGroup, textAllowOverlap, symbolInstance, bucket, orientation);
+                                collisionGroup, allowOverlap, symbolInstance, bucket, orientation);
 
                             if (placedBox && placedBox.box && placedBox.box.length) {
                                 placeText = true;

test/integration/render-tests/text-variable-anchor/all-anchors-text-allow-overlap/style.json

@@ -0,0 +1,65 @@
+{
+  "version": 8,
+  "metadata": {
+    "test": {
+      "height": 256
+    }
+  },
+  "center": [
+    13.418056,
+    52.501000
+  ],
+  "zoom": 16,
+  "sources": {
+    "mapbox": {
+      "type": "vector",
+      "maxzoom": 14,
+      "tiles": [
+        "local://tiles/{z}-{x}-{y}.mvt"
+      ]
+    }
+  },
+  "sprite": "local://sprites/sprite",
+  "glyphs": "local://glyphs/{fontstack}/{range}.pbf",
+  "layers": [
+    {
+      "id": "background",
+      "type": "background",
+      "paint": {
+        "background-color": "white"
+      }
+    },
+    {
+      "id": "top",
+      "type": "symbol",
+      "source": "mapbox",
+      "source-layer": "poi_label",
+      "filter": [
+        "==",
+        "maki",
+        "restaurant"
+      ],
+      "layout": {
+        "text-field": "Test Test",
+        "text-font": [
+          "Open Sans Semibold",
+          "Arial Unicode MS Bold"
+        ],
+        "text-max-width": 5,
+        "text-justify": "auto",
+        "text-allow-overlap": true,
+        "text-variable-anchor": [
+            "center",
+            "top",
+            "bottom",
+            "left",
+            "right",
+            "top-left",
+            "top-right",
+            "bottom-left",
+            "bottom-right"
+        ],
+        "text-radial-offset": 1
+      }
+    }]
+}