react-native-walkthrough-tooltip icon indicating copy to clipboard operation
react-native-walkthrough-tooltip copied to clipboard

Published 20 hours ago • verified publisher icon jasongaare

Popover arrow position wrong

Open enigmablue opened this issue 4 years ago • 3 comments

Hi there's something weird with the popover position.

When coming in from a navigate , somehow the arrow position is wrong. But when I'm working on the page directly, it seems to be fine.

Any idea?

image

enigmablue avatar Dec 24 '20 03:12 enigmablue

  1. Recheck the placement attribute if you have set it. Like setting it to center
  2. You need to play with the display insets to fix this. Example usage: displayInsets= { { top: 24, bottom: 24, left: 24, right: 24 } } - Play with the left & right for your case.

Ashutosh-Tiwari avatar Dec 29 '20 09:12 Ashutosh-Tiwari

Having the same issue i have a button using TouchableOpacity absolute positioned to the bottom left corner of the screen and when wrapped in the tooltip it always has the arrow misaligned to the right. Have tried every placement method and display inset just seems to change the padding around the content rather than the arrow position.

FYI this is only an issue for me on ios for me android is fine testing on Iphone 12 mini emulator.

aidan-doherty avatar Jan 13 '21 10:01 aidan-doherty

Captura de Pantalla 2022-06-22 a la(s) 09 20 23 Hi, this issue only appear in iOS device iPhone 7 and XR. iOS emulador works fine. I'll appreciate your help if can give any clue about it

wl4dig3 avatar Jun 22 '22 20:06 wl4dig3