react-multi-select-component icon indicating copy to clipboard operation
react-multi-select-component copied to clipboard

`defaultIsOpen` feature does not work when combined with `closeOnChangedValue`

Open BentleyDavis opened this issue 2 years ago • 0 comments

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:

  1. Set the option defaultIsOpen={true}
  2. Render and see it open automatically
  3. Set the options closeOnChangedValue={true}
  4. 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 image

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]);

BentleyDavis avatar Nov 10 '23 19:11 BentleyDavis