vaul icon indicating copy to clipboard operation
vaul copied to clipboard

Virtual keyboard still pushes the drawer upward in some situations

Open Javad9s opened this issue 1 year ago • 9 comments

This happens in Scrollable with inputs example https://codesandbox.io/p/sandbox/drawer-with-scale-forked-73f8jw?file=%2Fapp%2Fmy-drawer.tsx%3A1%2C1

I'm using chrome on android with Gboard.

Reproduction steps

  1. Open https://73f8jw-3000.csb.app/
  2. Open Drawer
  3. Align second input with the top of virtual keyboard
  4. Tap on input

https://github.com/emilkowalski/vaul/assets/52538597/64897a5d-6c6b-4cc5-8de2-36b0f0939ace

Additional Context

If this native behavior by browser (pushing the drawer upward) is not breaking any core functionality, it would be nice to expose an option to disable this push protection anyways.

Javad9s avatar Feb 03 '24 18:02 Javad9s

I also have this problem! If I have got an input box and it's EMPTY, note that. I can click inside the input and drag up and down to close. I can't focus on the input itself!

Sometimes, it happens the same on inputs with VALUE!

edit: It's fixed in 0.9.0

Khaan25 avatar Feb 04 '24 13:02 Khaan25

I am experiencing this issue on v0.9.0.

bitdictator avatar Feb 08 '24 22:02 bitdictator

I encountered the same problem. Also, after the virtual keyboard opens it takes a moment before drawer readjust giving a unresponsive kinda feel.

https://github.com/emilkowalski/vaul/assets/50946719/298d7c60-cdd5-410d-b76c-a5c8a5529b4e

aakashbhadana avatar Feb 16 '24 16:02 aakashbhadana

I am experiencing this issue on v0.9.0. in PWA mode is even worse

satoshi-cyber avatar Feb 21 '24 06:02 satoshi-cyber

it becomes even worse if you have to add scrolling inside

pandas9 avatar Feb 21 '24 14:02 pandas9

I encountered the same problem. Also, after the virtual keyboard opens it takes a moment before drawer readjust giving a unresponsive kinda feel.

RPReplay_Final1708161372.MP4

Same here

lopermo avatar Mar 22 '24 18:03 lopermo

Same. Fix pls or give the posiible to disable this

alexixx avatar Jun 04 '24 13:06 alexixx

Encountering same issue

Ian-Matthew avatar Jun 07 '24 17:06 Ian-Matthew

Same issue

eposha avatar Jun 27 '24 01:06 eposha

Any fix yet? Huge UX issue for android

nihirv avatar Aug 14 '24 18:08 nihirv

+1^

a-creation avatar Sep 04 '24 23:09 a-creation

Improved it in #441, but in case it won't work in your specific case you can set the repositionInputs prop to false to fallback to the default browser behavior.

emilkowalski avatar Sep 24 '24 05:09 emilkowalski