Modal not respecting phone's safe area

[madelineleclair]

Description

Modal not respecting safe area of phone

CodeSandbox/Snack link

No response

Steps to reproduce

1. Create a modal
2. Have it take up the the entire height of the phone
3. The modal takes up all the space and runs into the power bar

gluestack-ui Version

1.0.24

Platform

• Expo
• React Native CLI
• Next
• Web
• Android
• iOS

Other Platform

No response

Additional Information

The default modal should use a max height so it doesn't run into this issue.

[Viraj-10]

Hey @madelineleclair, Can you share small reproduction of code with snack or github repo?

[madelineleclair]

@Viraj-10 I created a public repo to show the bug. I am using ios to reproduce it. Use npm run ios to start the expo app.

[rajat693]

hi @madelineleclair, you can take reference from this:- https://snack.expo.dev/@rajat693/modal-gluestack-ui

[Viraj-10]

@madelineleclair, As shown in example user has to control SafeArea in project. As we don't want to force users to use any third party library. User have freedom to choose third party library to achieve this behaviour or create custom safearea logic.
We will try to add docs regarding the same.
Thanks for reporting this issue.