vuetify icon indicating copy to clipboard operation
vuetify copied to clipboard

[Bug Report][3.4.8] Cannot focus append-inner icon of v-text-field by keyboard

Open kobakei opened this issue 2 years ago • 1 comments

Environment

Vuetify Version: 3.4.8 Last working version: 2.7.1 Vue Version: 3.3.13 Browsers: Chrome 120.0.0.0 OS: Mac OS 10.15.7

Steps to reproduce

  1. In the playgroud, first click the preview area to focus
  2. Press TAB in keyboard

Expected Behavior

When TAB is pressed a second time, the append-inner icon should get focus.

Actual Behavior

When TAB is pressed a second time, the append-inner icon does not get focus.

Reproduction Link

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

kobakei avatar Dec 20 '23 10:12 kobakei

If I add a tabindex="0" attribute to the append-inner icon's element, it becomes focusable.

TIM56887 avatar Dec 20 '23 17:12 TIM56887