Close dropdown when other dropdown is opened

I've got a table that holds multiple dropdowns. I would like to automatically close a dropdown when another dropdown is opened.

I would try adding an onBlur event that:

  • Removes all items from the dropdown and sets its value to None
  • Re-populates the dropdown with those items
  • Sets the selection back to what it was

The catch there might be "what it was"--if you're expecting that to be the item that was last hovered over without actually clicking it, you're out of luck, because only clicking will select it (and cause it to close).