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).