vuetify icon indicating copy to clipboard operation
vuetify copied to clipboard

[Bug Report][3.8.5] VList component keyboard event bug

Open wangtianjiaohello opened this issue 7 months ago • 2 comments

Environment

Vuetify Version: 3.8.5 Vue Version: 3.5.13 Browsers: Chrome 136.0.0.0 OS: Windows 10

Steps to reproduce

When I add a checkbox in front of VList, and then switch the keyboard event, I can only operate within the current node. When I want to go to the next node, I find that the keyboard event cannot go down and cannot operate normally.

Expected Behavior

When a checkbox is added, it can be operated normally. When a keyboard event is performed on the current node, the node can be expanded, and the up, down, left, and right keys can be used normally.

Actual Behavior

When there is a checkbox, you can only operate on the current node and cannot move down

Reproduction Link

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


Environment

Vuetify Version: 3.8.5 Vue Version: 3.5.13 Browsers: Chrome 136.0.0.0 OS: Windows 10

Steps to reproduce

当我在VList前面加上复选框的时候,然后切换键盘事件,只能在当前节点内进行操作,想要走到下一个节点发现键盘事件下不去,不能正常操作

Expected Behavior

当加上复选框的时候,可以正常操作,在当前节点进行键盘事件的时候可以展开节点,并且执行上下左右键的时候可以正常操作

Actual Behavior

有复选框的时候,只能在当前节点进行操作,不能下移

Reproduction Link

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

wangtianjiaohello avatar Jun 03 '25 01:06 wangtianjiaohello

Image

J-Sek avatar Jun 03 '25 04:06 J-Sek

Simpler reproduction: Playground
Please only use english in issues and try to keep the reproduction as basic as possible.

Caused by 2dd6747112a85b97e29f1236b1aeeeac6a99c2db

KaelWD avatar Jun 03 '25 05:06 KaelWD

It is recommended to put tabindex="-1" on checkboxes in lists until it is fixed

J-Sek avatar Jul 05 '25 07:07 J-Sek