Skip to content

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

@ConnorZ97

Description

@ConnorZ97

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

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions