Open
Description
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.
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]);