From ecb3e5bcd9c86d5ea27b0040fa60eaa8403df392 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tr=E1=BA=A7n=20=C4=90=C3=ACnh=20Huy?=
 <68500260+huytdps13400@users.noreply.github.com>
Date: Sun, 4 Oct 2026 22:20:14 +0700
Subject: [PATCH 1/2] fix(android): respect pointer events on gesture root
 views

---
 apps/basic-example/src/App.tsx                |   5 +
 apps/basic-example/src/PointerEventsRepro.tsx | 102 ++++++++++++++++++
 .../react/RNGestureHandlerRootViewManager.kt  |   6 ++
 ...RNGestureHandlerRootViewNativeComponent.ts |   5 +
 4 files changed, 118 insertions(+)
 create mode 100644 apps/basic-example/src/PointerEventsRepro.tsx

diff --git a/apps/basic-example/src/App.tsx b/apps/basic-example/src/App.tsx
index d22c7a5017..1b1fe1b360 100644
--- a/apps/basic-example/src/App.tsx
+++ b/apps/basic-example/src/App.tsx
@@ -5,6 +5,7 @@ import { GestureHandlerRootView } from 'react-native-gesture-handler';
 import ContentsButton from './ContentsButton';
 import NativeDetector from './NativeDetector';
 import Navigator from './Navigator';
+import PointerEventsRepro from './PointerEventsRepro';
 import RuntimeDecoration from './RuntimeDecoration';
 import Text from './Text';
 
@@ -25,6 +26,10 @@ const EXAMPLES = [
     name: 'Contents Button',
     component: ContentsButton,
   },
+  {
+    name: 'Root Pointer Events',
+    component: PointerEventsRepro,
+  },
 ];
 
 const Stack = Navigator.create();
diff --git a/apps/basic-example/src/PointerEventsRepro.tsx b/apps/basic-example/src/PointerEventsRepro.tsx
new file mode 100644
index 0000000000..1b8ccf2262
--- /dev/null
+++ b/apps/basic-example/src/PointerEventsRepro.tsx
@@ -0,0 +1,102 @@
+import * as React from 'react';
+import {
+  Button,
+  Pressable,
+  StyleSheet,
+  Text,
+  View,
+  type ViewProps,
+} from 'react-native';
+import {
+  GestureDetector,
+  GestureHandlerRootView,
+  useTapGesture,
+} from 'react-native-gesture-handler';
+
+export default function PointerEventsRepro() {
+  const [mode, setMode] =
+    React.useState<ViewProps['pointerEvents']>('box-none');
+  const [plain, setPlain] = React.useState(false);
+  const [background, setBackground] = React.useState(0);
+  const [child, setChild] = React.useState(0);
+  const [gesture, setGesture] = React.useState(0);
+  const tap = useTapGesture({
+    runOnJS: true,
+    onActivate: () => setGesture((n) => n + 1),
+  });
+  const Wrapper = plain ? View : GestureHandlerRootView;
+  return (
+    <GestureHandlerRootView style={styles.screen}>
+      <Text>Root pointerEvents regression</Text>
+      <Text testID="status">
+        {plain ? 'View' : 'Root'} / {mode ?? 'unset'} / background {background}{' '}
+        / child {child} / gesture {gesture}
+      </Text>
+      <Button
+        title={plain ? 'Use Root' : 'Use View'}
+        onPress={() => setPlain(!plain)}
+      />
+      <View style={styles.controls}>
+        {(['auto', 'none', 'box-only', 'box-none', undefined] as const).map(
+          (value) => (
+            <Button
+              key={value ?? 'unset'}
+              title={value ?? 'unset'}
+              onPress={() => setMode(value)}
+            />
+          )
+        )}
+      </View>
+      <Button
+        title="Reset counts"
+        onPress={() => {
+          setBackground(0);
+          setChild(0);
+          setGesture(0);
+        }}
+      />
+      <View style={styles.area}>
+        <Pressable
+          accessibilityLabel="Background"
+          style={StyleSheet.absoluteFill}
+          onPress={() => setBackground((n) => n + 1)}>
+          <Text style={{ marginTop: 250 }}>Background</Text>
+        </Pressable>
+        <Wrapper pointerEvents={mode} style={styles.overlay}>
+          <View pointerEvents="none" style={styles.side}>
+            <Text>Empty side</Text>
+          </View>
+          <Pressable
+            accessibilityLabel="Child press"
+            style={styles.child}
+            onPress={() => setChild((n) => n + 1)}>
+            <Text>Child press</Text>
+          </Pressable>
+          <GestureDetector gesture={tap}>
+            <View
+              accessible
+              accessibilityLabel="Child gesture"
+              style={styles.child}>
+              <Text>Child gesture</Text>
+            </View>
+          </GestureDetector>
+        </Wrapper>
+      </View>
+    </GestureHandlerRootView>
+  );
+}
+const styles = StyleSheet.create({
+  screen: { flex: 1, paddingTop: 48, backgroundColor: 'white' },
+  controls: { flexDirection: 'row', flexWrap: 'wrap' },
+  area: { height: 350, margin: 16, backgroundColor: '#ddf' },
+  overlay: { height: 230, backgroundColor: '#fdd8', alignItems: 'center' },
+  side: { position: 'absolute', left: 4, top: 90, width: 70 },
+  child: {
+    width: 160,
+    height: 75,
+    margin: 12,
+    alignItems: 'center',
+    justifyContent: 'center',
+    backgroundColor: '#9d9',
+  },
+});
diff --git a/packages/react-native-gesture-handler/android/src/main/java/com/swmansion/gesturehandler/react/RNGestureHandlerRootViewManager.kt b/packages/react-native-gesture-handler/android/src/main/java/com/swmansion/gesturehandler/react/RNGestureHandlerRootViewManager.kt
index 8292b72a73..ade22b5167 100644
--- a/packages/react-native-gesture-handler/android/src/main/java/com/swmansion/gesturehandler/react/RNGestureHandlerRootViewManager.kt
+++ b/packages/react-native-gesture-handler/android/src/main/java/com/swmansion/gesturehandler/react/RNGestureHandlerRootViewManager.kt
@@ -1,6 +1,7 @@
 package com.swmansion.gesturehandler.react
 
 import com.facebook.react.module.annotations.ReactModule
+import com.facebook.react.uimanager.PointerEvents.Companion.parsePointerEvents
 import com.facebook.react.uimanager.ThemedReactContext
 import com.facebook.react.uimanager.ViewGroupManager
 import com.facebook.react.uimanager.ViewManagerDelegate
@@ -39,6 +40,11 @@ class RNGestureHandlerRootViewManager :
     view.setModuleId(value)
   }
 
+  @ReactProp(name = "pointerEvents")
+  override fun setPointerEvents(view: RNGestureHandlerRootView, pointerEventsStr: String?) {
+    view.pointerEvents = parsePointerEvents(pointerEventsStr)
+  }
+
   @ReactProp(name = "unstable_forceActive")
   override fun setUnstable_forceActive(view: RNGestureHandlerRootView, active: Boolean) {
     view.setUnstableForceActive(active)
diff --git a/packages/react-native-gesture-handler/src/specs/RNGestureHandlerRootViewNativeComponent.ts b/packages/react-native-gesture-handler/src/specs/RNGestureHandlerRootViewNativeComponent.ts
index 6497da2d34..8d3bfa8f48 100644
--- a/packages/react-native-gesture-handler/src/specs/RNGestureHandlerRootViewNativeComponent.ts
+++ b/packages/react-native-gesture-handler/src/specs/RNGestureHandlerRootViewNativeComponent.ts
@@ -6,7 +6,12 @@ export interface RootViewNativeProps extends ViewProps {
   unstable_forceActive?: boolean;
 }
 
+// @ts-expect-error WithDefault adds null for codegen, unlike ViewProps.pointerEvents.
 interface NativeProps extends ViewProps {
+  pointerEvents?: CodegenTypes.WithDefault<
+    'box-none' | 'none' | 'box-only' | 'auto',
+    'auto'
+  >;
   moduleId?: CodegenTypes.WithDefault<CodegenTypes.Int32, -1>;
   unstable_forceActive?: boolean;
 }

From eb5bc1dd29c524b20a57463cc1af3496805e1e76 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Micha=C5=82?= <michal.bert@swmansion.com>
Date: Tue, 13 Oct 2026 17:25:59 +0200
Subject: [PATCH 2/2] Remove example

---
 apps/basic-example/src/App.tsx                |   5 -
 apps/basic-example/src/PointerEventsRepro.tsx | 102 ------------------
 2 files changed, 107 deletions(-)
 delete mode 100644 apps/basic-example/src/PointerEventsRepro.tsx

diff --git a/apps/basic-example/src/App.tsx b/apps/basic-example/src/App.tsx
index 1b1fe1b360..d22c7a5017 100644
--- a/apps/basic-example/src/App.tsx
+++ b/apps/basic-example/src/App.tsx
@@ -5,7 +5,6 @@ import { GestureHandlerRootView } from 'react-native-gesture-handler';
 import ContentsButton from './ContentsButton';
 import NativeDetector from './NativeDetector';
 import Navigator from './Navigator';
-import PointerEventsRepro from './PointerEventsRepro';
 import RuntimeDecoration from './RuntimeDecoration';
 import Text from './Text';
 
@@ -26,10 +25,6 @@ const EXAMPLES = [
     name: 'Contents Button',
     component: ContentsButton,
   },
-  {
-    name: 'Root Pointer Events',
-    component: PointerEventsRepro,
-  },
 ];
 
 const Stack = Navigator.create();
diff --git a/apps/basic-example/src/PointerEventsRepro.tsx b/apps/basic-example/src/PointerEventsRepro.tsx
deleted file mode 100644
index 1b8ccf2262..0000000000
--- a/apps/basic-example/src/PointerEventsRepro.tsx
+++ /dev/null
@@ -1,102 +0,0 @@
-import * as React from 'react';
-import {
-  Button,
-  Pressable,
-  StyleSheet,
-  Text,
-  View,
-  type ViewProps,
-} from 'react-native';
-import {
-  GestureDetector,
-  GestureHandlerRootView,
-  useTapGesture,
-} from 'react-native-gesture-handler';
-
-export default function PointerEventsRepro() {
-  const [mode, setMode] =
-    React.useState<ViewProps['pointerEvents']>('box-none');
-  const [plain, setPlain] = React.useState(false);
-  const [background, setBackground] = React.useState(0);
-  const [child, setChild] = React.useState(0);
-  const [gesture, setGesture] = React.useState(0);
-  const tap = useTapGesture({
-    runOnJS: true,
-    onActivate: () => setGesture((n) => n + 1),
-  });
-  const Wrapper = plain ? View : GestureHandlerRootView;
-  return (
-    <GestureHandlerRootView style={styles.screen}>
-      <Text>Root pointerEvents regression</Text>
-      <Text testID="status">
-        {plain ? 'View' : 'Root'} / {mode ?? 'unset'} / background {background}{' '}
-        / child {child} / gesture {gesture}
-      </Text>
-      <Button
-        title={plain ? 'Use Root' : 'Use View'}
-        onPress={() => setPlain(!plain)}
-      />
-      <View style={styles.controls}>
-        {(['auto', 'none', 'box-only', 'box-none', undefined] as const).map(
-          (value) => (
-            <Button
-              key={value ?? 'unset'}
-              title={value ?? 'unset'}
-              onPress={() => setMode(value)}
-            />
-          )
-        )}
-      </View>
-      <Button
-        title="Reset counts"
-        onPress={() => {
-          setBackground(0);
-          setChild(0);
-          setGesture(0);
-        }}
-      />
-      <View style={styles.area}>
-        <Pressable
-          accessibilityLabel="Background"
-          style={StyleSheet.absoluteFill}
-          onPress={() => setBackground((n) => n + 1)}>
-          <Text style={{ marginTop: 250 }}>Background</Text>
-        </Pressable>
-        <Wrapper pointerEvents={mode} style={styles.overlay}>
-          <View pointerEvents="none" style={styles.side}>
-            <Text>Empty side</Text>
-          </View>
-          <Pressable
-            accessibilityLabel="Child press"
-            style={styles.child}
-            onPress={() => setChild((n) => n + 1)}>
-            <Text>Child press</Text>
-          </Pressable>
-          <GestureDetector gesture={tap}>
-            <View
-              accessible
-              accessibilityLabel="Child gesture"
-              style={styles.child}>
-              <Text>Child gesture</Text>
-            </View>
-          </GestureDetector>
-        </Wrapper>
-      </View>
-    </GestureHandlerRootView>
-  );
-}
-const styles = StyleSheet.create({
-  screen: { flex: 1, paddingTop: 48, backgroundColor: 'white' },
-  controls: { flexDirection: 'row', flexWrap: 'wrap' },
-  area: { height: 350, margin: 16, backgroundColor: '#ddf' },
-  overlay: { height: 230, backgroundColor: '#fdd8', alignItems: 'center' },
-  side: { position: 'absolute', left: 4, top: 90, width: 70 },
-  child: {
-    width: 160,
-    height: 75,
-    margin: 12,
-    alignItems: 'center',
-    justifyContent: 'center',
-    backgroundColor: '#9d9',
-  },
-});