You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Whenever an input gets selected that is located somewhere in the bottom part of the screen, iOS is so kind to shift the current view up automatically to make room for showing the keyboard while still keeping the selected input on screen.
Using the Dialog examples in TailwindUI (items-end sm:items-start) the dialog is positioned at the bottom on mobile. But when the first focusable element (or element set explicitly by initialFocus) is an input element, the keyboard displays without the view shifting up, hence partially/completely hiding the dialog below the keyboard.
If you'd create a dialog with another element being focused first, and then click on the input inside the dialog, the view shifts up properly. Could it be that initialFocus is applied too early for iOS to pick it up properly? Just thinking out loud.
The text was updated successfully, but these errors were encountered:
What package within Headless UI are you using?
@headlessui/vue
What version of that package are you using?
v1.7.19
What browser are you using?
Safari for iOS (on iPhone)
Reproduction URL
https://codesandbox.io/p/devbox/dreamy-bohr-k789qp
RPReplay_Final1711570115.MP4
Describe your issue
Whenever an input gets selected that is located somewhere in the bottom part of the screen, iOS is so kind to shift the current view up automatically to make room for showing the keyboard while still keeping the selected input on screen.
Using the Dialog examples in TailwindUI (
items-end sm:items-start
) the dialog is positioned at the bottom on mobile. But when the first focusable element (or element set explicitly byinitialFocus
) is an input element, the keyboard displays without the view shifting up, hence partially/completely hiding the dialog below the keyboard.If you'd create a dialog with another element being focused first, and then click on the input inside the dialog, the view shifts up properly. Could it be that
initialFocus
is applied too early for iOS to pick it up properly? Just thinking out loud.The text was updated successfully, but these errors were encountered: