InputMenu Clear Search Term on Select

[Lateralus58]

Description

I've recently upgraded to NuxtUi v3.0.2 from v3.0.0-beta.2 and I'm having an issue with the search term prop on the component.

When using the input with search and multiselect, I'd like the search term to clear as the user selects menu items. I was able to achieve this, in previous versions, by using a v-model on the search term and calling a function to clear the search term on the update:ModelValue event. Unfortunately, this isn't working on the most recent version.

It appears that update:ModelValue is being emitted and I am able to clear the searchTerm ref value. However, the change doesn't propagate to the component unless I hit the tab key or click out and click back into the component.

Is there a potential workaround or could this become a feature request to include a prop which clears the search term on item select?

[Lateralus58]

@benjamincanac

I've created an example on code sandbox and added you to the workspace (feel free to invite users as needed): https://codesandbox.io/p/devbox/s6376y

In the example I have two input menu components. The first is a standard inputMenu and the second uses the update model value event in attempt to clear the search term. Both appear to act exactly the same. When you type in a search term and press enter, the search term remains visible unless you click out of the input Menu and then click back in. This is difficult in instances where users need to add many items at a time. The function I used to clear the search did work on previous releases

[benjamincanac]

This should now work correctly, the search term will be correctly reset when selecting an item and this can be disabled using the :reset-search-term-on-select="false" prop.

[Lateralus58]

This is perfect. Thank you so much!

[Cyril30]

Hello !
I still have issue on that.
I have the same behavior as in the documentation : https://ui.nuxt.com/components/input-menu#control-search-term
The first click on InputMenu shows only the seacherd term, but if I close the popover and reopen it a second time, it shows the entire list.
I tried the :reset-search-term-on-select="false" , it allows to display the entire list but it leads to not showing the default selected value (placeholder is displayed).

Actually, I am looking like in the documentation, but to display the entire list at first click :)