react-select somehow cancels the click event for react-datepicker to hide?

[a-eid]

here is gif showing off the problem.

Anybody could help me find out why would this be happening?

[emrekeskinmac]

input names can be the same

[bachbach]

I've got the same issue. I found a workaround which was:

1. add inputRenderer prop (can be simple div) to Select
2. keep reference of Select in your component
3. wrap Select with ClickOutside component from react-click-outside package (perhaps can be other package)
4. handle onClickOutside={() => selectRef.state.isOpen && selectRef.handleInputBlur()}

[michalpokojski]

actually there is another workaround

class CustomDatePicker extends DatePicker {
  deferFocusInput = () => {
    this.cancelFocusInput()
  }
}

read this issue Hacker0x01/react-datepicker#730

[bladey]

Hello -

In an effort to sustain the react-select project going forward, we're closing old issues / pull requests.

We understand this might be inconvenient but in the best interest of supporting the broader community we have to direct our limited efforts to maintain the latest version.

If you aren't using the latest version of react-select please consider upgrading to see if it resolves any issues you're having.

If you feel this issue / pull request is still relevant and you'd like us to review it, please leave a comment and we'll do our best to get back to you.