[Feature Request] Autocomplete

[larrasu]

Is your feature request related to a problem? Please describe.

I tried using the UPopover component with UInput but the input can't be accessed once the popover appears.

<UPopover>
  <UInput
    v-model="searchTerm"
    icon="i-heroicons-magnifying-glass-20-solid"
    placeholder="Search places..."
    size="xl"
    :ui="{ wrapper: 'max-w-screen-md w-full' }"
  />

  <template #panel>
    <UCard>
      <UVerticalNavigation :links="results" />
    </UCard>
  </template>
</UPopover>

Describe the solution you'd like

AutoComplete - PrimeVue

[benjamincanac]

I guess this can be achieved with the ContextMenu component with a CommandPalette inside, this is how we've made the issue, user and emoji autocomplete on Volta:

I'll try to add an example in the docs 😊

[larrasu]

Thank you!

[benjamincanac]

Actually, this is the main goal of the Headless UI Combobox component. We use it as a foundation for the SelectMenu and CommandPalette components, maybe we could add an InputMenu?

[guimas]

+1 on the idea of a InputMenu working like a Combobox. Or a component like the CommandPalette with the options showing only when there is text on the search input.

[cco3]

with a CommandPalette inside

For those trying to figure this out, there's an undocumented function called updateQuery CommandPalette exposes that makes this possible.