Skip to content

[Bug Report][3.11.8] VOtpInput - hard to clear values using mobile backspace #22628

@J-Sek

Description

@J-Sek

Environment

Vuetify Version: 3.11.8
Vue Version: 3.5.28
OS: Android
Browser: Mobile Chrome

Steps to reproduce

  1. open in mobile browser
  2. tap to select 4th field
  3. tap backspace/delete

Expected Behavior

it should move keep focus on the current field or move to previous field if the field is empty

Actual Behavior

moves focus forward - requires secondary click on the mobile keyboard

(mobile Firefox) moves forward and get's stuck - requires tap to select each field

Reproduction Link

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

Other comments

On desktop it also feels weird - automatically moves backward when I actually want to replace character on the 4th field, unless I use Delete (instead of Backspace)

Metadata

Metadata

Assignees

Labels

C: VOtpInputT: bugFunctionality that does not work as intended/expectedgood first issueA quick-win fix that would be great for new contributorsplatform specificThe issue only occurs on a specific platform

Type

No type

Projects

No projects

Relationships

None yet

Development

No branches or pull requests

Issue actions