Pressables not working after context menu opened

[mrousavy]

When wrapping Pressables (<Pressable>, <TouchableOpacity>, ...) with a context menu, the entire JS responder system will fail/crash once you open the context menu once. In other words, your entire screen becomes unresponsive if you open a context menu that contains a pressable.

There might be some extra treatment required to support inlining the JS pressability API.

(Also, it looks like native buttons such as the back button from react-native-navigation are still working, it's just the current screen that "freezes"/doesn't trigger onPress events anymore)

Screen.Recording.2021-01-18.at.10.49.40.mov

Code:

return (
  <View style={styles.container}>
    <ContextMenu onPress={onContextActionPressed} actions={ACTIONS}>
      <Pressable style={styles.imageContainer} onPress={onImagePressed}>
        <FastImage
          style={styles.image}
          source={imageSource}
        />
      </Pressable>
    </ContextMenuView>
  </View>
);

[mpiannucci]

Whoa I'll have to check this out for sure. Thanks for the bug report!

[fukemy]

i have same problem, did u solved this?

[margox]

Still happens sometimes

[fukemy]

Still happens sometimes

try to use rn ios context menu view its much better

[mpiannucci]

I think this is because the native UIControl hijacks the press event no matter what on iOS. Not sure tho

[tn]

Still happens. Also here is error message that follows this behavior (if you are trying to navigate somewhere after screen freezing)

[UIKitCore] Attempt to present <RNSScreen: 0x109f44000> on <UIViewController: 0x109233270> (from <RNScreensNavigationController: 0x10b178000>) which is
already presenting <_UIContextMenuActionsOnlyViewController: 0x108307e30>.