I can't uncheck the option. Options: multiple: false and nullable: true

[timoteiNicsoft]

@headlessui/vue. v1.7.17

Browser: Chrome

Reproduction URL

• With Vue and Tailwind CSS: Link

Describe your issue

I can't uncheck the option.

[RobinMalfait]

Hey!

nullable means that the component can be in a null state. If you remove all the text from the ComboboxInput then nothing will be selected. The nullable state currently doesn't mean that you can toggle an option on or off.

Going to keep this open for a bit, because going to see if it makes sense to also toggle or not (and why) in case of nullable.

[timoteiNicsoft]

Hey @RobinMalfait !

I use this dropdown as a filter and I wanted to implement the same logic as when multiple:true. When it's set to multiple:true, it activates a toggle feature. From my perspective, it would be beneficial to have this functionality even when multiple is set to false.

I am using it in the select logic. The first action to remove a filter is to deselect the previously selected option. It was quite challenging for me to realize that I need to enter the search input and delete its content to remove the filtering.

Thanks.

[RobinMalfait]

Hey!

I see what you mean, but for now we are going to keep the current behavior. It mimics the behavior of other libraries and more importantly the behavior of the native <select> where you can also not uncheck an option once it's checked.

Since we don't want to change that behavior right now, I'm going to close this issue and we might revisit this in the future but no promises.