[Drawer] Input field in drawer when focused breaks

Environment

• Nuxt UI Version - 3.X - 4.X

Is this bug related to Nuxt or Vue?

Nuxt

Package

v4.x

Version

v4.7.1

Reproduction

It happens on IOS. Just get a Iphone, open NuxtUI drawer component demo page and find demo with input. Open drawer, click on the input.

Description

Hey, I'm experiencing an issue that I also noticed in the NuxtUI Demo components. When you have an input field inside a drawer and tap on it on mobile, the keyboard appears. Because of this, the browser tries to adjust the text field's position so it stays visible and isn't covered by the keyboard, which causes the entire body to scroll. As a result, there's a weird blank space between the drawer and the keyboard. You can see this happening in the attached video and screenshot.

https://github.com/user-attachments/assets/a782c649-b2a8-4b75-9f2a-ca76d5d4523f

Additional context

No response

Logs