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

Published 20 hours ago • verified publisher icon mrzachnugent

[ BUG ] Select options position incorrect inside Presentation Modal

Open zanottipaolo opened this issue 8 months ago • 0 comments

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

zanottipaolo avatar Mar 02 '25 23:03 zanottipaolo