Skip to content

Add debounce and trim props back into gl-collapsible-listbox

Summary

When working on issue gitlab#384280 (closed) to migrate a GlDropdown to a GlCollapsibleListbox it was noticed that GlCollapsibleListbox no longer has the option to add a debounce or trim prop to the search. See discussion here: gitlab!110012 (comment 1261349687).

An example of what used to be possible:

<gl-search-box-by-type
  :value="searchTerm"
  trim
  :debounce="250"
/>

The above now must be done manually in each component that utilises a dropdown with a search.

Requested Change

Would it be possible to reimplement this in the GlCollapsibleListbox component with searchable turned on?

So we could potentially have a dropdown with the following props:

<gl-collapsible-listbox
  :items="listboxItems"
  searchable
  :debounce-search="250"
  trim-search
  :selected="value"
  @search="searchTermChanged"
/>