Pressable wrapped in pointerEvents="box-none" does not work #4109

Activity

1. github-actions

   added

   Platform: AndroidThis issue is specific to AndroidThis issue is specific to Android

   Repro providedA reproduction with a snack or repo is providedA reproduction with a snack or repo is provided

   on Apr 22, 2026
2. m-bert commented on May 7, 2026

   

   m-bert

   on May 7, 2026

   Collaborator

   More actions

   Hi @stianjensen! Could you share more details? If you have reproduction that would be great. I've tested it on the code below and it works as expected (both alerts are visible)

   import React from 'react';
   import {
     Alert,
     Pressable as RNPressable,
     StyleSheet,
     Text,
     View,
   } from 'react-native';
   import { Pressable as GHPressable } from 'react-native-gesture-handler';
   
   export default function EmptyExample() {
     return (
       <View style={styles.container}>
         <Text style={styles.label}>GH Pressable (broken)</Text>
         <View pointerEvents="box-none" style={styles.wrapper}>
           <GHPressable
             style={styles.button}
             onPress={() => Alert.alert('GH Pressable', 'onPress fired!')}>
             <Text style={styles.buttonText}>Tap me (GH)</Text>
           </GHPressable>
         </View>
   
         <Text style={[styles.label, styles.labelSpacing]}>
           RN Pressable (works)
         </Text>
         <View pointerEvents="box-none" style={styles.wrapper}>
           <RNPressable
             style={styles.button}
             onPress={() => Alert.alert('RN Pressable', 'onPress fired!')}>
             <Text style={styles.buttonText}>Tap me (RN)</Text>
           </RNPressable>
         </View>
       </View>
     );
   }
   
   const styles = StyleSheet.create({
     container: {
       flex: 1,
       justifyContent: 'center',
       alignItems: 'center',
     },
     label: {
       fontSize: 16,
       marginBottom: 8,
       fontWeight: '600',
     },
     labelSpacing: {
       marginTop: 32,
     },
     wrapper: {
       borderWidth: 2,
       borderColor: 'red',
       borderStyle: 'dashed',
       padding: 16,
     },
     button: {
       backgroundColor: '#b58df1',
       paddingHorizontal: 24,
       paddingVertical: 12,
       borderRadius: 8,
     },
     buttonText: {
       color: 'white',
       fontSize: 16,
       fontWeight: '600',
     },
   });
3. m-bert

   self-assigned this

   on May 7, 2026
4. Copilot

   added a commit that references this issue on May 7, 2026

   fix(android): RNGH Pressable not working inside box-none parent view (#…

   ...

   f4667b9
5. stianjensen commented on May 7, 2026

   

   stianjensen

   on May 7, 2026

   Last edited by stianjensen

   Author

   More actions

   I'm sorry, I don't know what I did wrong last time to not save and share the Expo Snack properly. Here's an updated URL with a working reproduce:
   https://snack.expo.dev/@stiaje-hyre/pointer-events-reproduce-gesture-handler?platform=android

   Note that the problem is only on Android.

   The only difference I can see is that in my reproduce I did include a wrapping GestureHandlerRootView
6. m-bert commented on May 8, 2026

   

   m-bert

   on May 8, 2026

   Collaborator

   More actions

   Hi! I've just created new React Native app (0.83.3) with Gesture Handler 2.31.1 and I still cannot reproduce this issue:

   Screen.Recording.2026-05-08.at.11.01.30.mov

   I'll try it later on expo snack, but I can see that in description you've said that you don't use expo.
7. stianjensen commented on May 8, 2026

   

   stianjensen

   on May 8, 2026

   Author

   More actions

   Yeah, locally I discovered the bug on a vanilla react native project, running on a real device. I just created the expo snack to be able to share.

   With the expo snack I shared, I also reproduced the bug, both in the browser android emulator, and when installing it on a device from that QR code.
8. m-bert commented on May 8, 2026

   

   m-bert

   on May 8, 2026

   Collaborator

   More actions

   Well, I've checked snack and Expo Go. Indeed, it doesn't work on snack. On Expo Go it doesn't work when used with SDK 54, but it works with SDK 55.

   I know you've said that you use RN without expo - would you be able to prepare reproduction that works outside of expo?
9. stianjensen commented on May 8, 2026

   

   stianjensen

   on May 8, 2026

   Author

   More actions

   Thanks for looking into this!

   I've lost some of my original setup from 2 weeks ago now, so I can't verify completely. But I set up a new reproduce locally again with 2.31.1 and I can't reproduce it anymore. Only explanation must be that I somehow managed to still only test on 2.30.x or something.

   And then I guess I've somewhat misunderstood how to set up a proper replication in the Expo snack since there's a native component to the library.

   I created a new reproduce repo locally now and can no longer reproduce the bug on 2.31.1.

   So I guess it is indeed fixed after all then.

   Sorry for the false report!

   ❤️React with ❤️1Reacted by Michał Bert
10. stianjensen

    closed this as completedon May 8, 2026
11. m-bert commented on May 8, 2026

    

    m-bert

    on May 8, 2026

    Collaborator

    More actions

    Sorry for the false report!

    No worries! 😄