react-native-context-menu-view icon indicating copy to clipboard operation
react-native-context-menu-view copied to clipboard

Touchable area of context menu is too small on Android

Open Stafox opened this issue 9 months ago • 2 comments

RN 0.74.1

Content of context menu is highlighted with orange. image

On Android it tappable only on the top border (1-3px) of orange area. On iOS everything is fine. Any idea how to make all children content of ContextMenu tappable?

return (
    <View style={classes.root}>
      <BottomSheet bottomSheetModalRef={bottomSheetModalRef} />
      <ContextMenu
        style={{ backgroundColor: 'orange' }}
        width={24}
        height={24}
        onLongPress={() => null}
        dropdownMenuMode={true}
        actions={[
          { title: i18n.t('translate_to'), icon: icons.language },
          { title: i18n.t('report_content_issue'), icon: icons.report, destructive: true },
        ]}
        onPress={(e) => {
          console.warn('ContextMenu tapped');
        }}
      >
        <View style={classes.touchable}>
          <MenuCircleIcon />
        </View>
      </ContextMenu>
    </View>
  );

Stafox avatar May 19 '24 08:05 Stafox