From 17e06cb6a285609ed41f6ab8c9911e925581d5f6 Mon Sep 17 00:00:00 2001
From: Jon Shutt <j.shutt@3deo.com>
Date: Tue, 19 Dec 2023 21:24:28 +0000
Subject: [PATCH] use shadow transfor for pointer events

---
 src/mapbox/mapbox.ts | 27 +++++++++++++++++----------
 1 file changed, 17 insertions(+), 10 deletions(-)

diff --git a/src/mapbox/mapbox.ts b/src/mapbox/mapbox.ts
index 8f4b3aed1..b3643d8f8 100644
--- a/src/mapbox/mapbox.ts
+++ b/src/mapbox/mapbox.ts
@@ -625,18 +625,25 @@ export default class Mapbox<
   }
 
   _onPointerEvent = (e: MapMouseEvent<MapT> | MapMouseEvent<MapT>) => {
-    if (e.type === 'mousemove' || e.type === 'mouseout') {
-      this._updateHover(e);
-    }
+    const map = this._map;
+    const tr = map.transform;
+    try {
+      map.transform = this._renderTransform;
+      if (e.type === 'mousemove' || e.type === 'mouseout') {
+        this._updateHover(e);
+      }
 
-    // @ts-ignore
-    const cb = this.props[pointerEvents[e.type]];
-    if (cb) {
-      if (this.props.interactiveLayerIds && e.type !== 'mouseover' && e.type !== 'mouseout') {
-        e.features = this._hoveredFeatures || this._queryRenderedFeatures(e.point);
+      // @ts-ignore
+      const cb = this.props[pointerEvents[e.type]];
+      if (cb) {
+        if (this.props.interactiveLayerIds && e.type !== 'mouseover' && e.type !== 'mouseout') {
+          e.features = this._hoveredFeatures || this._queryRenderedFeatures(e.point);
+        }
+        cb(e);
+        delete e.features;
       }
-      cb(e);
-      delete e.features;
+    } finally {
+      map.transform = tr;
     }
   };