react-native-reusables icon indicating copy to clipboard operation
react-native-reusables copied to clipboard

[ BUG ] Tooltip doesn't render properly with an offset on iOS modal

Open ConnorZ97 opened this issue 2 months ago • 4 comments

Reproduction link: Github Link

Describe the bug It's a minimal template with tooltip component project. Tooltip content will be rendered with an offset (not set any value to it) on iOS modal

Steps to reproduce the behavior:

  1. Start the 'my-app' app with bun install bunx expo prebuild bunx expo run:ios
  2. On the main screen, there are two buttons, and the first one is 'Go to settings (not a modal)' and the other one is 'Go to modal'
  3. Click on 'Go to settings (not a modal)' button on the home screen, it will navigate to the 'Settings' screen, and click on 'Tooltip' button on the 'Settings' screen, you will see a tooltip content render correctly (Pic.1)
  4. Go back to the home screen, and click on 'Go to modal' button on the home screen, it will navigate to the 'Modal' screen, and click on 'Tooltip' button on the "Modal' screen, you will see a tooltip content render with an offset (Pic.2)

Expected behavior The tooltip content will render without offsets on iOS modal

Screenshots Pic.1: Image

Pic.2: Image

Platform (please complete the following information):

  • Type: Simulator, Emulator, Device
  • OS: iOS

CLI output (paste the full command output)

If applicable, paste the full command output by running it with the --log-level all flag.

npx @react-native-reusables/cli@latest --log-level all [command] [args] [options]

// example:
// npx @react-native-reusables/cli@latest --log-level all init -t minimal

Additional context It happens on iOS presentation: modal, formSheet, pageSheet, and transparentModal

ConnorZ97 avatar Sep 29 '25 01:09 ConnorZ97

Please provide a minimal reproduction repo.

mrzachnugent avatar Nov 18 '25 15:11 mrzachnugent

Please provide a minimal reproduction repo.

Thanks for your reply, and here is the link of the repo: https://github.com/ConnorZ97/my-app

ConnorZ97 avatar Nov 18 '25 23:11 ConnorZ97

Hey @ConnorZ97 , I opened an issue here: https://github.com/software-mansion/react-native-screens/issues/2539 a while back which seems to be causing this issue.

As a temporary fix, you can add a negative sideOffset for iOS for the TooltipContent on the modal screen.

mrzachnugent avatar Nov 19 '25 15:11 mrzachnugent

Thank you so much for your help

ConnorZ97 avatar Nov 20 '25 03:11 ConnorZ97