Close dropdown on clear

user_5524298 0
Viewed 197

I'm using react-dropdown-select with the clearable option, but when I do clear the dropdown stays open, I'd like it to close once cleared. So far I tried to make a custom Select class and override its clearRenderer() callback prop to make use of the dropDown() method int it, something like that:

class MySelect extends Select {
    clearRenderer = ({ props, state, methods }) => {
        methods.dropDown('close');
    };
}

but I can't get it to work.

I'm new to javascript, I'm probably missing something here, thank's for your help.

react-select reactjs javascript
1 Answers

If you set closeOnSelect on the dropdown, then it will close when you clear it.

If you want it to stay open on a normal select, then this will work: https://codesandbox.io/s/old-glade-l2hkv. What it's doing is in the onClearAll handler, using a ref to call the method in the select component to toggle the dropdown.

user_131751380
Related