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).
This is not working. Also, the dropdown dont even call the onBlur event when clicked on another dropdown expand button.