Drawer component with input on a Chrome-based Android browser

[tobiaswutz]

Describe the bug

If you open the drawer in a Chrome-based Android browser and focus an input field, everything jumps around, and the keyboard keeps flickering

Reproduction

1. Go to the docs: https://next.shadcn-svelte.com/docs/components/drawer
2. Scroll down to "Responsive Dialog."
3. Open the example on your Android smartphone with a Chrome-based browser.

Logs

No response

System Info

I can also reproduce it in the documentation, so it won’t be much help. Still, here is the output:

System:
    OS: Linux 6.8 Ubuntu 24.04 LTS 24.04 LTS (Noble Numbat)
    CPU: (2) x64 AMD EPYC-Milan Processor
    Memory: 6.07 GB / 7.57 GB
    Container: Yes
    Shell: 5.2.21 - /bin/bash
  Binaries:
    Node: 22.11.0 - ~/.nvm/versions/node/v22.11.0/bin/node
    npm: 10.9.0 - ~/.nvm/versions/node/v22.11.0/bin/npm
  npmPackages:
    @sveltejs/kit: ^2.9.0 => 2.9.0 
    bits-ui: ^1.0.0-next.66 => 1.0.0-next.66 
    lucide-svelte: ^0.465.0 => 0.465.0 
    mode-watcher: ^0.5.0 => 0.5.0 
    svelte: ^5.0.0 => 5.6.2 
    vaul-svelte: ^1.0.0-next.3 => 1.0.0-next.3

Severity

annoyance

[xiscosc]

I face the same issue, there is an issue open in the drawer repo

huntabyte/vaul-svelte#108 (comment)