Skip to content

[ BUG ] Select options position incorrect inside Presentation Modal #356

@zanottipaolo

Description

@zanottipaolo

Describe the bug
When using the Select component in a Presentation Modal screen, the SelectContent opens on top of the input field, covering it.
In a normal screen it works great.

To Reproduce
Steps to reproduce the behavior:

  1. In _layout.tsx file add a Stack.Screen with "modal" presentation
  2. In the created modal Screen follow RNR guide "A Portal Component inside a Presentation Modal"
  3. Run the app with npx expo start

Expected behavior
The SelectContent should open below the SelectTrigger component without covering the input field itself.

Screenshots
Image
Image

Platform (please complete the following information):

  • Type: Device
  • OS: iOS

Additional context
I suspect it's something related to the inset, in fact if I try to change the top insite value nothing happens. The only workaround I found is adding a sideOffset

Activity

mrzachnugent

mrzachnugent commented on Aug 22, 2025

@mrzachnugent
Member

Closed due to missing reproduction repo. Please update to latest expo sdk and use npx expo install --fix to make sure you have the latest expo compatible versions. If issue still exists, please open a new issue with a minimal reproduction repo.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    bugSomething isn't working

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

      Development

      No branches or pull requests

        Participants

        @zanottipaolo@mrzachnugent

        Issue actions

          [ BUG ] Select options position incorrect inside Presentation Modal · Issue #356 · founded-labs/react-native-reusables