antalasztrik
commented
9 months ago In my application the Modal respects the keyboard and moves up, if the keyboard is opened, so can't really reproduce your issue.
However, if it's not the case for you, you can update the config of the modal, to show it wherever you want to.
The default config for the container is container: 'flex min-h-full items-end sm:items-center justify-center text-center', which makes the modal sit at the bottom of the screen when viewed on mobile.
But you can update it to the following, to have it centered:
<UModal :ui={ 'container': 'items-center' }>
...your modal content here
</Umodal>Or to have it show up at the top:
<UModal :ui={ 'container': 'items-start' }>
...your modal content here
</Umodal>
moshetanzer
Right-Brain-Group
Environment
Build Modules: -
Version
"@nuxt/ui": "^2.13.0"
Reproduction
Description should be clear enough.
Description
When a
Modalhas aForminside of it, and you go on mobile, the bug happens.The modal always goes to the bottom of the screen. When the keyboard input opens, it covers the modal.
Closing the keyboard input reveals the unseen mobile modal.
I would suggest moving the modal to the top, or to compensate for the keyboard dynamically and be placed therefore somewhere in the top-middle.
Additional context
No response
Logs
No response