Combobox: Close dropdown if collection is empty

[sbennett33]

When using the combobox with a dynamically updated list of items that list can sometimes be empty. If the collection on the combobox is set to an empty list the data-state should get set to closed. Right now if the data-state was open before the list was updated the data-state remains open and you are presented with an empty dropdown.

[segunadebayo]

You could implement this in your userland code

  // close when collection is empty
  useEffect(() => {
    if (options.length === 0) {
      api.setOpen(false)
    }
  }, [options.length, api])

[sbennett33]

Great, thanks I'll give that a shot

[anubra266]

Can also be done when changing the "dynamic" collection

const newCollection = combobox.collection({ items })
if(items.length === 0) api.setOpen(false)
/* Or:
	if(newCollection.size === 0) api.setOpen(false)
*/

api.setCollection(newCollection)