search

vuetifyjs / vuetify

🐉 Vue Component Framework
https://vuetifyjs.com
MIT License
39.9k stars 6.97k forks source link

[Bug Report][3.7.2] Bug in the text field when it is placed inside the select's prepend-item #20506

Open joaopalopes24 opened 1 month ago

joaopalopes24 commented 1 month ago

Environment

Vuetify Version: 3.7.2 Vue Version: 3.5.7 Browsers: Chrome 129.0.0.0 OS: Linux x86_64

Steps to reproduce

Put text-field in prepend-item slot inside the select.

Expected Behavior

Accept space.

Actual Behavior

Don't accept space.

Reproduction Link

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

3dyuval commented 1 week ago

This used to work in v3.6.15 and broke in 3.7.0

J-Sek commented 1 week ago

Just curious.. what is the text input's business inside the selection menu anyway? If you want to let user type his own text there is v-combobox for it. Otherwise you might be trying to implement search within the dropdown (Select2) which probably is easier to pull off with v-menu + v-list (demo).

3dyuval commented 1 week ago

@J-Sek That's exactly what it's used for. Where I work we created our own search filter inside the prepend-item slot instead of using a v-combobox because it looks and feels like a normal v-select