react-multi-select-component
react-multi-select-component copied to clipboard
`defaultIsOpen` feature does not work when combined with `closeOnChangedValue`
Description the bug
defaultIsOpen feature does not work when combined with closeOnChangedValue
Sandbox / Git Repo https://codesandbox.io/s/defaultisopen-and-closeonchangedvalue-q4mrsd
To Reproduce Steps to reproduce the behavior:
- Set the option
defaultIsOpen={true} - Render and see it open automatically
- Set the options
closeOnChangedValue={true} - Render and see it no longer opens automatically
Expected behavior The select should stay open until acted on. It opens then quickly shuts before the user can get to it.
Screenshots
Desktop (please complete the following information):
- OS: Windows 10
- Browser: Brave
- Version: v1.60.114
Smartphone (please complete the following information): N/A
Additional context Looks like in dropdown.tsx line 35 the useEffect closes the select on all renders including the first.
useEffect(() => {
if (closeOnChangedValue) {
setExpanded(false);
}
}, [value]);