vuetifyjs / vuetify

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

[Feature Request] VCombobox: add a way to not open selector if clicking the chip #18600

Open azygis opened 11 months ago

azygis commented 11 months ago

Problem to solve

It would be nice to have the ability to not open the dropdown if a custom chip is being rendered using the chip slot. In my case, I want to navigate to another route if user clicks on the chip, but click on the chip automatically opens the dropdown. Not a big deal on navigation, but still a bit weird that you see the dropdown opening.

Proposed solution

Perhaps add a prop to the tag, no-open-on-chip-click or similar.

KaelWD commented 11 months ago

https://vuetifyjs.com/en/components/autocompletes/#item-and-selection

Could use a better example for custom chip slot, the v-bind="props" includes a @mousedown.stop event.

azygis commented 11 months ago

Nice, all I needed was to bind the props to the chip. Thank you!

Documentation is a monster. You guys can't possibly cover all the possible use cases that are implemented (even if kind of in a hidden way). I'm fine with just closing the issue without further action as I've received the answer I sought.

devCodeHub-star commented 10 months ago

Hello @johnleider

I have little different case where I want to listen click event on both VCombobox and VChip inside selection slot. The goal is to open google form when click on VCombobox and download the form when click on selected Form VChip`. Here is similar workaround demo

Is there any solution to get it working ?

Thanks