Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[Bug Report][3.7.6] Inputs with labels dont scroll into view on mobile #20922

Open
Cameron-McBroom opened this issue Jan 27, 2025 · 0 comments
Open

Comments

@Cameron-McBroom
Copy link

Environment

Vuetify Version: 3.7.6
Vue Version: 3.5.13
Browsers: Chrome 131.0.0.0
OS: Windows

Steps to reproduce

  1. Create a number of input fields without a label
  2. Open on mobile and see that when you click the field the input will scroll into view and open keyboard
  3. now add labels to all the input fields
  4. Test again and see that the label causes the input not to scroll into view. I've tested on both safari and chrome iOS

You will also notice that the mobile 'next field arrow' that is part of the keyboard on mobile does not focus the input fields either. This is really bad UX

Expected Behavior

The label should not conflict with the scroll into view which should occur when focused

Actual Behavior

No scroll

Reproduction Link

https://play.vuetifyjs.com/#...

Other comments

Maybe some sort of problem with the animation of the label causing problems?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

1 participant