Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[Bug Report][3.7.2] Space key does not work with v-treeview when using a template and v-text-field #20523

Open
Muslix opened this issue Sep 26, 2024 · 0 comments

Comments

@Muslix
Copy link

Muslix commented Sep 26, 2024

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:

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.

Reproduction Link

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

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

1 participant