AuxiliaryPreview appears underneath ContextMenu on larger messages and is therefore blocked from being interacted with

[TowhidKashem]

Hi, first thank you for the amazing lib! It works wonderfully except one issue:

On larger messages the auxiliary view is covered by the context menu:

On smaller messages it looks fine:

Code:

<ChatBlock>
  <Wrapper>
    <ContextMenuView
      menuConfig={{
        menuTitle: '',
        menuItems: getContextMenuOptions(type)
      }}
      previewConfig={{ borderRadius: BUBBLE_RADIUS }}
      auxiliaryPreviewConfig={{
        anchorPosition: 'bottom',
        alignmentHorizontal: 'stretchScreen',
        transitionEntranceDelay: 'RECOMMENDED'
      }}
      renderAuxiliaryPreview={() => (
        <ReactionBar
          message={message}
          handleReactMessage={handleReactMessage}
        />
      )}
      onPressMenuItem={({ nativeEvent }) => {
        handleMessageLongPress(nativeEvent.actionKey, message);
      }}
      isContextMenuEnabled={!disableMenu}
    >
      <Bubble>
        {children}
      </Bubble>
    </ContextMenuView>
  </Wrapper>
</ChatBlock>

Is there any way to fix this or work around it? Ideally the context menu will appear anywhere else on the bubble that doesn't directly cover the auxiliary view.

[ruairioliverwv]

I had the same problem, I went with using a custom preview component.