[bug]: Issue with Drawer Height in iOS Safari for ShadCN Component

[mohanvgts]

Describe the bug

Issue with Drawer Height in iOS Safari for ShadCN Component I’m working on implementing a form page within a drawer using the ShadCN component. The functionality involves clicking a button to open the drawer and automatically focusing on an input field.

This works perfectly on Android devices, but on iOS devices (specifically Safari), I'm encountering an issue with the drawer height when the keyboard opens. The height seems to shrink and doesn’t behave as expected.

Affected component/components

Drawer

How to reproduce

1. Implement a form page inside a drawer using ShadCN.
2. Set the drawer to open and focus on an input field when a button is clicked.
3. Test the behavior on Android and iOS devices (Safari).

Codesandbox/StackBlitz link

No response

Logs

No response

System Info

ios devices(mobile)

Before submitting

• I've made research efforts and searched the documentation
• I've searched for existing issues

[Junk-debug]

im also having this issue

[Junk-debug]

@mohanvgts
Setting repositionInputs={false} on the root Drawer component worked for me.
I'm not sure if this behavior is exactly what you need, though.

Simulator.Screen.Recording.-.iPhone.16.Plus.-.2024-11-19.at.14.03.13.mp4

also this is an xcode ios simulation and i have not tested it on real iphone yet

[Junk-debug]

upd: this works on real iphone too

[jzstern]

@mohanvgts Setting repositionInputs={false} on the root Drawer component worked for me. I'm not sure if this behavior is exactly what you need, though.

Simulator.Screen.Recording.-.iPhone.16.Plus.-.2024-11-19.at.14.03.13.mp4
also this is an xcode ios simulation and i have not tested it on real iphone yet

this fixed it for me as well, thank you!