nuxt / ui

Description

Hello,
in the InputMenu demos of the docs I've noticed some strange behaviors, in particular I wanted to ask if the fact that the query doesn't clear on select is expected.
It also seems that reopening the menu by clicking on the icon, and then clicking outside, at that point the query text does clear, strangely enough.
I'm sending a screen recording of the documentation site itself.
Thank you

Screen.Recording.2024-05-07.at.22.52.46.mp4

You're totally right, I didn't notice that. I had a quick look and it seems the display-value in the ComboboxInput is no longer called when the value changes:

ui/src/runtime/components/forms/InputMenu.vue

Line 23 in cc52bff

:display-value="() => query ? query : label"

This issue has been introduced in the latest version of Headless UI: https://github.com/tailwindlabs/headlessui/releases/tag/%40headlessui%2Fvue%40v1.7.21.

If you encounter this bug, you can fix it by pinning the @headlessui/vue package to 1.7.20:

{
  "resolutions": {
    "@headlessui/vue": "1.7.20"
  }
}

Many thanks for the quick reply.
We'll temporarily fix it this way.
Glad to help you spotting this.

It seems the latest release of Headless UI fixes this issue: https://github.com/tailwindlabs/headlessui/releases/tag/%40headlessui%2Fvue%40v1.7.22

InputMenu query doesn't clear on select

Description