search

emilkowalski / vaul

An unstyled drawer component for React.
https://vaul.emilkowal.ski
MIT License
5.98k stars 199 forks source link

[Mobile] Bottom drawer contents with inputs can be over scrolled when on screen keyboard is shown specifically on chrome #359

Closed AlexanderIsom closed 4 months ago

AlexanderIsom commented 4 months ago

On chrome mobile (android chrome : 125.0.6422.112) when selecting a input box drawers can be over scrolled (from some additional testing it appears the entire page is scrolling instead of just the content of the drawer) Chrome:

https://github.com/emilkowalski/vaul/assets/37072462/c43fbbb8-86ef-46cc-8605-06e5c47b9531

Firefox mobile is however okay :

https://github.com/emilkowalski/vaul/assets/37072462/cca3d01d-19fe-430d-99cc-898812b3c236

Both of these examples were run on the existing Scrollable with inputs example

I have also recreated this with a drawer with 50% transparency so you can see the background / page content moving when over scrolling occurs

https://github.com/emilkowalski/vaul/assets/37072462/85e15b2e-23c7-41de-b747-92137cec6938

rustyjux commented 4 months ago

Duplicates https://github.com/emilkowalski/vaul/issues/294. I suggest closing this issue.