Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

[Web] Container height in mobile browsers #90

Closed
vsnaichuk opened this issue Jan 10, 2023 · 0 comments · Fixed by #91
Closed

[Web] Container height in mobile browsers #90

vsnaichuk opened this issue Jan 10, 2023 · 0 comments · Fixed by #91

Comments

@vsnaichuk
Copy link
Contributor

Hello, thank you for the great library!
I've noticed that ModalStack which is fixed by 100vh, is having issues on the mobile browser, as shown in the screenshot below (iOS Safari). It also happens in Android Chrome with navigation bar. It seams that using window.innerHeight instead of 100vh should fix this issue.

Screenshot 2023-01-10 at 11 49 13

Steps to reproduce:

instantiate an Expo app
run expo start
copy over the code from the sample app
open in mobile browser
Any help would be greatly appreciated.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
None yet
Projects
None yet
Milestone
No milestone
Development

Successfully merging a pull request may close this issue.

Fix: Styles of modal stack web container vsnaichuk/react-native-modalfy
1 participant
@vsnaichuk