tailwindlabs / headlessui

Completely unstyled, fully accessible UI components, designed to integrate beautifully with Tailwind CSS.
https://headlessui.com
MIT License
25.81k stars 1.07k forks source link

Combobox: after searching and clicking on a list item, the input value is not updated #3178

Closed ysv-a closed 4 months ago

ysv-a commented 4 months ago

problem: the value of the combobox is not updated after selecting a list item with the mouse

What package within Headless UI are you using? What version of that package are you using?

@headlessui/vue: 1.7.21

vue: 3.4.26

What browser are you using?

Chrome

Reproduction URL

https://codesandbox.io/p/devbox/dreamy-brook-fr4qgc

Describe your issue

Is it normal behavior that after a search, when you click on a list value with the mouse, the input value is not updated?

but if you select a value when you press the enter key, then everything works as expected.

The same example, from the page https://headlessui.com/v1/vue/combobox, works as expected


in the react version, everything also works as it should

https://codesandbox.io/p/devbox/pensive-tdd-5z49k4

michael-farwell commented 4 months ago

This is occurring for me as well.

RobinMalfait commented 4 months ago

This should be fixed by #3180, and will be available in the next release.

You can already try it using: