Vuetify: [Bug Report] Pressing TAB on a clearable field focuses the clear icon instead of the next field.

Created on 26 Feb 2020  路  2Comments  路  Source: vuetifyjs/vuetify

Environment

Vuetify Version: 2.2.15
Last working version: 1.5.23
Vue Version: 2.6.11
Browsers: Chrome 80.0.3987.122
OS: Linux x86_64

Steps to reproduce

  • Focus any clearable input field.
  • Input some text.
  • Press the Tab key.

Expected Behavior

  • The next field gets focused.

Actual Behavior

  • The clear icon gets focused.

Reproduction Link

https://codepen.io/TheBITLINK/pen/KKpWrRX

VTextField working as intended
Source
picture TheBITLINK
👍2

Most helpful comment

Can't there at least be a prop or workaround to revert to the previous behavior?

I use Vuetify for a data-centric, input heavy application and this has been messing with my users' workflow.

picture TheBITLINK on 27 Feb 2020
👍3

All 2 comments

This is intentional: #10265

KaelWD picture KaelWD on 27 Feb 2020

Can't there at least be a prop or workaround to revert to the previous behavior?

I use Vuetify for a data-centric, input heavy application and this has been messing with my users' workflow.

TheBITLINK picture TheBITLINK on 27 Feb 2020
👍3
Was this page helpful?
0 / 5 - 0 ratings

Related issues

dohomi picture dohomi  路  3Comments
SteffenDE picture SteffenDE  路  3Comments
aaronjpitts picture aaronjpitts  路  3Comments
jofftiquez picture jofftiquez  路  3Comments
alterhu2020 picture alterhu2020  路  3Comments