Disable text-variable-anchor when appearances are present

GitOrigin-RevId: a7785fa278c74ea263b8fc1b7ece21c37fab9cb3

Author: ibesora

src/style/style_layer/symbol_style_layer.ts

@@ -106,6 +106,16 @@ class SymbolStyleLayer extends StyleLayer {
             });
         }
 
+        if (this.appearances.length !== 0) {
+            // When text-variable-anchor is present, a proper unified bbox for appearances would be very large as it
+            // needs to cover texts for all appearances for all anchors.
+            // A better solution might be to have a separate bbox for each anchor, but it requires significant changes
+            // in stored data and placement logic.
+            // For now we disable text-variable-anchor when appearances are present.
+            // Deleting it here makes it use the default value
+            delete this.layout._values['text-variable-anchor'];
+        }
+
         if (this.layout.get('icon-rotation-alignment') === 'auto') {
             if (this.layout.get('symbol-placement') !== 'point') {
                 this.layout._values['icon-rotation-alignment'] = 'map';

test/integration/render-tests/appearance/text-variable-anchor/style.json

@@ -7,7 +7,7 @@
       "width": 256,
       "collisionDebug": true,
       "skip-test": [
-        {"platform-tag-contains": "web", "reason": "Doesn't work correctly"},
+        {"platform-tag-contains": "web", "reason": "At the moment we don't support this combination and act as if there is no `text-variable-anchor`"},
         {"platform-tag-contains": "native", "reason": "At the moment we don't support this combination and act as if there is no `text-variable-anchor`"}
       ]
     }