[CommandPalette] Clears on enter even with autoclear: false

[benjamincanac]

No description provided.

[smarroufin]

@benjamincanac 2 reasons:

First, <ComboboxInput having @change="query = $event.target.value" on it, makes it clear the query on selection of an item. I'll have to dig into the component code to how it works but anyways this is this change that clears the query.

Second, even with the first point fixed we couldn't keep the query since the CommandPalette is used inside a Modal which destroys it on closing the modal. I would suggest using a useState for the query inside the CommandPalette so we retrieve the old value when recreating the it.

[smarroufin]

This line is what makes Combobox clear the input on selection (an exchange of triggered events between Combobox and ComboboxInput through the api). https://github.com/tailwindlabs/headlessui/blob/c0f0d433830eed15d00efb3ab255add606b0f6ed/packages/%40headlessui-vue/src/components/combobox/combobox.ts#L697

If we want to counter this behavior, it will be extremely hacky. Either put back immediately the value in the input or play with displayValue to hide that the value has been cleared.