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

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

    Issue actions