From 27614afdeaff1391d6345d3d5ea14d71c1b9c7c2 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Mikl=C3=B3s=20Fazekas?= <boga@MBPM5P.local>
Date: Sun, 21 Jun 2026 14:31:14 +0200
Subject: [PATCH 1/3] fix(MarkerView): forward pointerEvents prop to native
 view

MarkerView accepted pointerEvents via ViewProps but never destructured
or passed it to the native RNMBXMarkerView, so pointerEvents="none"
had no effect. Also skip stopPropagation in onTouchEnd when pointerEvents
is "none" or "box-none" so JS-level event handling stays consistent.

Fixes #4219
---
 .../src/examples/Annotations/MarkerView.tsx   | 25 ++++++++++++++++---
 src/components/MarkerView.tsx                 | 13 +++++++---
 2 files changed, 32 insertions(+), 6 deletions(-)

diff --git a/example/src/examples/Annotations/MarkerView.tsx b/example/src/examples/Annotations/MarkerView.tsx
index 1ea6380b14..3ac99b6a2f 100644
--- a/example/src/examples/Annotations/MarkerView.tsx
+++ b/example/src/examples/Annotations/MarkerView.tsx
@@ -274,12 +274,20 @@ const ShowMarkerView = () => {
     React.useState<GeoJSON.Position[]>(INITIAL_COORDINATES);
   const [allowOverlapWithPuck, setAllowOverlapWithPuck] =
     React.useState<boolean>(false);
+  const [pointerEventsNone, setPointerEventsNone] =
+    React.useState<boolean>(false);
+
+  const [mapMoveCount, setMapMoveCount] = React.useState(0);
 
   const onPressMap = (e: GeoJSON.Feature) => {
     const geometry = e.geometry as GeoJSON.Point;
     setPointList((pl) => [...pl, geometry.coordinates]);
   };
 
+  const onRegionDidChange = React.useCallback(() => {
+    setMapMoveCount((c) => c + 1);
+  }, []);
+
   return (
     <>
       <Button
@@ -290,7 +298,15 @@ const ShowMarkerView = () => {
         }
         onPress={() => setAllowOverlapWithPuck((prev) => !prev)}
       />
-      <Mapbox.MapView onPress={onPressMap} style={styles.matchParent}>
+      <Button
+        title={
+          pointerEventsNone
+            ? 'pointerEvents="none" – tap/drag passes to map'
+            : 'pointerEvents="auto" – marker handles touches'
+        }
+        onPress={() => setPointerEventsNone((prev) => !prev)}
+      />
+      <Mapbox.MapView onPress={onPressMap} onRegionDidChange={onRegionDidChange} style={styles.matchParent}>
         <Mapbox.Camera
           defaultSettings={{
             zoomLevel: 16,
@@ -305,6 +321,7 @@ const ShowMarkerView = () => {
         <Mapbox.MarkerView
           coordinate={pointList[0]!}
           allowOverlapWithPuck={allowOverlapWithPuck}
+          pointerEvents={pointerEventsNone ? 'none' : 'auto'}
         >
           <AnnotationContent title={'this is a marker view'} />
         </Mapbox.MarkerView>
@@ -331,6 +348,7 @@ const ShowMarkerView = () => {
       </Mapbox.MapView>
 
       <Bubble>
+        <Text>Map moved: {mapMoveCount} times</Text>
         <Text>Tap on map to add a point annotation</Text>
       </Bubble>
     </>
@@ -344,11 +362,12 @@ export default ShowMarkerView;
 /** @type ExampleWithMetadata['metadata'] */
 const metadata = {
   title: 'Marker View',
-  tags: ['PointAnnotation', 'MarkerView', 'Slider', 'Interactive'],
+  tags: ['PointAnnotation', 'MarkerView', 'Slider', 'Interactive', 'pointerEvents'],
   docs: `
 Shows marker view and point annotations, including an interactive marker with
 sliders, switch, counter, text input, and pressable button to verify complex
-touch interactions inside a MarkerView.
+touch interactions inside a MarkerView. Toggle pointerEvents="none" to make
+the marker transparent to all touch events, passing them through to the map.
 `,
 };
 ShowMarkerView.metadata = metadata;
diff --git a/src/components/MarkerView.tsx b/src/components/MarkerView.tsx
index aa6dc5de0a..1814efb278 100644
--- a/src/components/MarkerView.tsx
+++ b/src/components/MarkerView.tsx
@@ -72,6 +72,7 @@ const MarkerView = ({
   isSelected = false,
   coordinate,
   style,
+  pointerEvents,
   children,
 }: Props) => {
   // Android new-arch (Fabric) fix: UIManager.measure reads from the Fabric shadow
@@ -98,9 +99,14 @@ const MarkerView = ({
   // we don't trigger a re-render for no-op native position re-applications.
   const lastTranslateRef = useRef<{ x: number; y: number } | null>(null);
 
-  const handleTouchEnd = useCallback((e: { stopPropagation: () => void }) => {
-    e.stopPropagation();
-  }, []);
+  const handleTouchEnd = useCallback(
+    (e: { stopPropagation: () => void }) => {
+      if (pointerEvents !== 'none' && pointerEvents !== 'box-none') {
+        e.stopPropagation();
+      }
+    },
+    [pointerEvents],
+  );
 
   const handleAnnotationPosition = useCallback(
     (e: NativeSyntheticEvent<{ x: number; y: number }>) => {
@@ -150,6 +156,7 @@ const MarkerView = ({
       allowOverlap={allowOverlap}
       allowOverlapWithPuck={allowOverlapWithPuck}
       isSelected={isSelected}
+      pointerEvents={pointerEvents}
       onTouchEnd={handleTouchEnd}
     >
       <RNMBXMakerViewContentComponent

From 5444eb75431b67c0f25082d97f011ffed5f433cf Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Mikl=C3=B3s=20Fazekas?= <boga@MBPM5P.local>
Date: Sun, 21 Jun 2026 22:44:27 +0200
Subject: [PATCH 2/3] fix(android/MarkerView): propagate pointerEvents to
 RNMBXMarkerViewContent

RNMBXMarkerViewContent is added directly to Mapbox's ViewAnnotationManager
(separate from RN's view hierarchy), so setting pointerEvents on the parent
RNMBXMarkerView via Fabric had no effect on touch handling of the content view.

Override setPointerEvents in RNMBXMarkerView to propagate the value to the
content view. In RNMBXMarkerViewContent.dispatchTouchEvent, return false early
when pointerEvents=NONE so touches fall through to the map.
---
 .../rnmbx/components/annotation/RNMBXMarkerView.kt       | 9 +++++++++
 .../components/annotation/RNMBXMarkerViewContent.kt      | 9 +++++++++
 2 files changed, 18 insertions(+)

diff --git a/android/src/main/java/com/rnmapbox/rnmbx/components/annotation/RNMBXMarkerView.kt b/android/src/main/java/com/rnmapbox/rnmbx/components/annotation/RNMBXMarkerView.kt
index e4fa86b339..df98f358be 100644
--- a/android/src/main/java/com/rnmapbox/rnmbx/components/annotation/RNMBXMarkerView.kt
+++ b/android/src/main/java/com/rnmapbox/rnmbx/components/annotation/RNMBXMarkerView.kt
@@ -11,6 +11,7 @@ import com.mapbox.geojson.Point
 import com.mapbox.maps.ViewAnnotationAnchor
 import com.mapbox.maps.ViewAnnotationOptions
 import com.mapbox.maps.viewannotation.viewAnnotationOptions
+import com.facebook.react.uimanager.PointerEvents
 import com.rnmapbox.rnmbx.components.AbstractMapFeature
 import com.rnmapbox.rnmbx.components.RemovalReason
 import com.rnmapbox.rnmbx.components.mapview.RNMBXMapView
@@ -33,6 +34,7 @@ class RNMBXMarkerView(context: Context?, private val mManager: RNMBXMarkerViewMa
     private var mAllowOverlap = false
     private var mAllowOverlapWithPuck = false
     private var mIsSelected = false
+    private var mPointerEvents: PointerEvents = PointerEvents.AUTO
 
     fun setCoordinate(point: Point?) {
         mCoordinate = point
@@ -63,8 +65,15 @@ class RNMBXMarkerView(context: Context?, private val mManager: RNMBXMarkerViewMa
 
     // region View methods
 
+    override fun setPointerEvents(pointerEvents: PointerEvents) {
+        super.setPointerEvents(pointerEvents)
+        mPointerEvents = pointerEvents
+        (mView as? RNMBXMarkerViewContent)?.setExternalPointerEvents(pointerEvents)
+    }
+
     override fun addView(childView: View, childPosition: Int) {
         mView = childView
+        (mView as? RNMBXMarkerViewContent)?.setExternalPointerEvents(mPointerEvents)
         // Note: Do not call this method on `super`. The view is added manually.
     }
 
diff --git a/android/src/main/java/com/rnmapbox/rnmbx/components/annotation/RNMBXMarkerViewContent.kt b/android/src/main/java/com/rnmapbox/rnmbx/components/annotation/RNMBXMarkerViewContent.kt
index 561eed1020..29a9ad3b6c 100644
--- a/android/src/main/java/com/rnmapbox/rnmbx/components/annotation/RNMBXMarkerViewContent.kt
+++ b/android/src/main/java/com/rnmapbox/rnmbx/components/annotation/RNMBXMarkerViewContent.kt
@@ -6,12 +6,18 @@ import android.view.View.MeasureSpec
 import android.view.ViewGroup
 import com.facebook.react.bridge.Arguments
 import com.facebook.react.bridge.ReactContext
+import com.facebook.react.uimanager.PointerEvents
 import com.facebook.react.uimanager.UIManagerHelper
 import com.facebook.react.views.view.ReactViewGroup
 import com.rnmapbox.rnmbx.components.camera.BaseEvent
 
 class RNMBXMarkerViewContent(context: Context): ReactViewGroup(context) {
     var inAdd: Boolean = false
+    private var externalPointerEvents: PointerEvents = PointerEvents.AUTO
+
+    fun setExternalPointerEvents(pointerEvents: PointerEvents) {
+        externalPointerEvents = pointerEvents
+    }
 
     // Track last reported translation to avoid feedback loop:
     // Mapbox sets setTranslationX(512) → we fire event → JS sets transform:[{translateX:512}]
@@ -29,6 +35,9 @@ class RNMBXMarkerViewContent(context: Context): ReactViewGroup(context) {
     }
 
     override fun dispatchTouchEvent(ev: MotionEvent): Boolean {
+        if (externalPointerEvents == PointerEvents.NONE) {
+            return false
+        }
         // On ACTION_DOWN, tell the parent MapView not to intercept subsequent MOVE/UP
         // events for pan/zoom recognition — that would send CANCEL to child Pressables
         // and suppress onPress. Android resets the disallow flag on each new DOWN, so

From 4a4b992369f6b854ce3b27a0b3f2d430d532d158 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Mikl=C3=B3s=20Fazekas?= <boga@MBPM5P.local>
Date: Mon, 22 Jun 2026 00:06:42 +0200
Subject: [PATCH 3/3] fix(android/MarkerView): intercept pointerEvents in
 updateProperties

Fabric's codegen delegate (RNMBXMarkerViewManagerDelegate) does not
forward the standard pointerEvents ViewProp, so setPointerEvents on
RNMBXMarkerView was never called. Override updateProperties in the
ViewManager to read the prop from ReactStylesDiffMap and push it to
RNMBXMarkerViewContent via setContentPointerEvents.
---
 .../rnmbx/components/annotation/RNMBXMarkerView.kt |  5 ++---
 .../annotation/RNMBXMarkerViewManager.kt           | 14 ++++++++++++++
 2 files changed, 16 insertions(+), 3 deletions(-)

diff --git a/android/src/main/java/com/rnmapbox/rnmbx/components/annotation/RNMBXMarkerView.kt b/android/src/main/java/com/rnmapbox/rnmbx/components/annotation/RNMBXMarkerView.kt
index df98f358be..294fd112c1 100644
--- a/android/src/main/java/com/rnmapbox/rnmbx/components/annotation/RNMBXMarkerView.kt
+++ b/android/src/main/java/com/rnmapbox/rnmbx/components/annotation/RNMBXMarkerView.kt
@@ -65,15 +65,14 @@ class RNMBXMarkerView(context: Context?, private val mManager: RNMBXMarkerViewMa
 
     // region View methods
 
-    override fun setPointerEvents(pointerEvents: PointerEvents) {
-        super.setPointerEvents(pointerEvents)
+    fun setContentPointerEvents(pointerEvents: PointerEvents) {
         mPointerEvents = pointerEvents
         (mView as? RNMBXMarkerViewContent)?.setExternalPointerEvents(pointerEvents)
     }
 
     override fun addView(childView: View, childPosition: Int) {
         mView = childView
-        (mView as? RNMBXMarkerViewContent)?.setExternalPointerEvents(mPointerEvents)
+        (childView as? RNMBXMarkerViewContent)?.setExternalPointerEvents(mPointerEvents)
         // Note: Do not call this method on `super`. The view is added manually.
     }
 
diff --git a/android/src/main/java/com/rnmapbox/rnmbx/components/annotation/RNMBXMarkerViewManager.kt b/android/src/main/java/com/rnmapbox/rnmbx/components/annotation/RNMBXMarkerViewManager.kt
index 55dc04cdd7..c54c7af417 100644
--- a/android/src/main/java/com/rnmapbox/rnmbx/components/annotation/RNMBXMarkerViewManager.kt
+++ b/android/src/main/java/com/rnmapbox/rnmbx/components/annotation/RNMBXMarkerViewManager.kt
@@ -8,8 +8,11 @@ import com.facebook.react.bridge.ReactApplicationContext
 import com.rnmapbox.rnmbx.components.AbstractEventEmitter
 import com.facebook.react.uimanager.annotations.ReactProp
 import com.facebook.react.common.MapBuilder
+import com.facebook.react.uimanager.PointerEvents
+import com.facebook.react.uimanager.ReactStylesDiffMap
 import com.facebook.react.uimanager.ThemedReactContext
 import com.facebook.react.uimanager.ViewManagerDelegate
+import com.facebook.react.uimanager.ViewProps
 import com.facebook.react.viewmanagers.RNMBXMarkerViewManagerDelegate
 import com.facebook.react.viewmanagers.RNMBXMarkerViewManagerInterface
 import com.mapbox.maps.ScreenCoordinate
@@ -72,6 +75,17 @@ class RNMBXMarkerViewManager(reactApplicationContext: ReactApplicationContext) :
         markerView.setIsSelected(isSelected.asBoolean())
     }
 
+    override fun updateProperties(viewToUpdate: RNMBXMarkerView, props: ReactStylesDiffMap) {
+        super.updateProperties(viewToUpdate, props)
+        // The codegen delegate does not forward the standard `pointerEvents` ViewProp — it falls
+        // to BaseViewManagerDelegate which ignores it. Intercept it here so the marker content
+        // view (which lives in a separate Mapbox view hierarchy) can honour it.
+        if (props.hasKey(ViewProps.POINTER_EVENTS)) {
+            val pe = PointerEvents.parsePointerEvents(props.getString(ViewProps.POINTER_EVENTS))
+            viewToUpdate.setContentPointerEvents(pe)
+        }
+    }
+
     override fun createViewInstance(reactContext: ThemedReactContext): RNMBXMarkerView {
         return RNMBXMarkerView(reactContext, this)
     }