Skip to content

Touchable area of context menu is too small on Android #119

Open
@Stafox

Description

@Stafox

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>
  );

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions