[Bug Report][3.3.1] bug(VList): clickable list item are not keyboard focusable when nested in list

[paul-thebaud]

Environment

Vuetify Version: 3.3.1
Last working version: 3.2.4
Vue Version: 3.3.4
Browsers: Chrome 113.0.0.0
OS: Linux x86_64

Steps to reproduce

Create a v-list, create v-list-item with href, to or click properties. Those will automatically receive a negative tabindex and therefor won't be keyboard focusable.

Expected Behavior

List item should always be keyboard focusable and should not receive a tabindex attribute.

Actual Behavior

Not focusable.

Reproduction Link

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

Other comments

This has a hugh impact on accessibility.
I don't know if I'm missing something about VList configuration (something to request the list to have a "normal" behavior).

[KaelWD]

request the list to have a "normal" behavior

Add tabindex="0" to each item. The intention is that only the list is tab focusable, then items are navigated with arrow keys instead.

[paul-thebaud]

@KaelWD that's what I'm doing currently as a workarround.
It there any plan to restore the previous behavior?

[KaelWD]

You can kinda see what's meant to happen if you add tabindex="0" to the list itself instead

[paul-thebaud]

Yup thanks. But I want to keep the default browser behavior for kind of elements tree:

• List
  • List item
    • Anchor
  • List item
    • Anchor