option for manually closing dropdown menu when onBlur

Hi, thanks so much for this awesome component!

Is it possible to have a function to allow user manually closing the dropdown instead of closing it automatically when blurring? Because what I would like to do is to fire an action before the dropdown closes.

something like additional prop :

onBlurCloseMenu={false}

Then we can do:

onBlur={() => {
    setTimeout(() => {
        this.setState({
            dropdownVisible: false
        });
    }, 1000);
}}

[sag1v]

would be nice for an “Always-opened” feature

[green-arrow]

Bumping this. Being able to manually control when the dropdown menu closes would definitely be useful for many things, such as custom animations. Right now, animating on open is easy with the onOpen event, but animating out is not possible.

Fwiw, my specific use case is showing the dropdown menu fixed to the bottom of the screen on mobile devices with a semi-transparent overlay on the rest of the page. Animating in is not an issue, but animating out with a slide down would need something like @bryan-foong suggests.

If you’re interested in having this functionality, I can take a look at the code and see if I can get a PR going.