Tooltip defaults to center of screen if surpasses displayInset on the right side

[danielfx90]

Situation

Whenever the tooltip reaches the right limit of the displayInset container, it defaults to be positioned at the center of the screen, breaking the component.

Expected

Expand to the left of the screen as it does to the right side when the left limit is reached.

Found

It is rendered at the center of the screen.

Package Version

1.1.7

Code

<Tooltip
  isVisible={tooltipVisible}
  content={<Text>{tooltipText}</Text>}
  placement="top"
  onClose={() => setTooltipVisible(false)}
>
  {children}
</Tooltip>

Screenshots

When tooltip does not reach the right limit of displayInset

When tooltip reaches the right limit and defaults to center

App where the package is used

Wibson

[jasongaare]

Hello! This might be related to: #78

I would love to find a resolution for this - unfortunately I haven’t had much time lately to work on this project

[davidfant]

@danielfx90 did you end up solving this?

[danielfx90]

@davidfant Not at a library level. We changed a bit our margins to make the tooltip fit and release the app update.

[taneba]

In my case, setting isVisible false while react-navigation is transitioning solved the same behavior.