You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
When using v-treeview with a custom template that includes a v-text-field, pressing the space key causes the treeview to either expand/collapse or select an item (if selectable prop is set to true), instead of inserting a space character into the text field. This behavior interrupts normal text input and might require a new prop or different event handling to prevent this issue.
Reproduction Steps:
Use a v-treeview component with a custom template that includes a v-text-field.
Set the selectable prop to true.
Focus the v-text-field and attempt to type a space character using the space key.
Notice that the space key either expands/collapses the treeview or selects the current item, instead of inserting a space in the text field.
Possible Solution: Introduce a new prop or event handler to prevent the treeview from responding to the space key when inside an input field, such as a v-text-field.
Expected Behavior
The space key should insert a space character into the v-text-field, without triggering treeview interactions.
Actual Behavior
The space key interacts with the treeview by expanding/collapsing or selecting items, preventing normal text input.
Environment
Vuetify Version: 3.7.2
Vue Version: 3.5.8
Browsers: Chrome 129.0.0.0
OS: Windows 10
Steps to reproduce
When using v-treeview with a custom template that includes a v-text-field, pressing the space key causes the treeview to either expand/collapse or select an item (if selectable prop is set to true), instead of inserting a space character into the text field. This behavior interrupts normal text input and might require a new prop or different event handling to prevent this issue.
Reproduction Steps:
Possible Solution: Introduce a new prop or event handler to prevent the treeview from responding to the space key when inside an input field, such as a v-text-field.
Expected Behavior
The space key should insert a space character into the v-text-field, without triggering treeview interactions.
Actual Behavior
The space key interacts with the treeview by expanding/collapsing or selecting items, preventing normal text input.
Reproduction Link
https://play.vuetifyjs.com/#...
The text was updated successfully, but these errors were encountered: