Don't overwrite pointer-events set by the user

GitOrigin-RevId: e2c7193fb80320b95539cc74bec95f9f2fe54106

Author: ibesora

src/ui/marker.ts

@@ -107,6 +107,7 @@ export default class Marker extends Evented<MarkerEvents> {
     _updateMoving: () => void;
     _occludedOpacity: number;
     _altitude: number;
+    _pointerEvents?: string;
     _svgElement: Element;
     _shadowElement: Element;
 
@@ -154,6 +155,7 @@ export default class Marker extends Evented<MarkerEvents> {
 
         this._state = 'inactive';
         this._isDragging = false;
+        this._pointerEvents = null;
         this._updateMoving = () => this._update(true);
 
         if (!options || !options.element) {
@@ -554,7 +556,12 @@ export default class Marker extends Evented<MarkerEvents> {
         }
 
         this._element.style.opacity = `${opacity}`;
-        this._element.style.pointerEvents = opacity > 0 ? 'auto' : 'none';
+        const currentPointerEvents = this._element.style.pointerEvents;
+        const isUnmanaged = this._pointerEvents === null ? currentPointerEvents === '' : currentPointerEvents === this._pointerEvents;
+        if (isUnmanaged) {
+            this._pointerEvents = opacity > 0 ? 'auto' : 'none';
+            this._element.style.pointerEvents = this._pointerEvents;
+        }
         if (this._popup) {
             this._popup._setOpacity(opacity);
         }

test/unit/ui/marker.test.ts

@@ -1349,6 +1349,26 @@ describe('Globe', () => {
         });
     });
 
+    test('does not override a user-set pointerEvents on a visible marker (#13701)', async () => {
+        const map = createMap();
+        const marker = new Marker()
+            .setLngLat([82, 0])
+            .addTo(map);
+        map._domRenderTaskQueue.run();
+
+        marker.getElement().style.pointerEvents = 'none';
+        map.setProjection('globe');
+
+        await new Promise(resolve => {
+            map.once('render', () => {
+                expect(marker.getElement().style.opacity).toBe('1');
+                expect(marker.getElement().style.pointerEvents).toBe('none');
+                map.remove();
+                resolve();
+            });
+        });
+    });
+
     // eslint-disable-next-line @typescript-eslint/no-unsafe-call, @typescript-eslint/no-unsafe-member-access
     function transform(marker) { return marker.getElement().style.transform; }