Dropdown menu won't close when focus is lost on Modal

[HansAarneLiblik]

• components: Modal
• reactstrap version #9.1.6
• import method es
• react version #18.2.0
• bootstrap version #5.2.3

What is happening?

When using https://ericgio.github.io/react-bootstrap-typeahead/ on Modal and Selection menu is open, the menu won't close if focus is moved away from the Typeahead component. (Menu ONLY closes, when selecting an item)

This DOES NOT repro when using react-bootstrap component Modal, but migrating would be a huge effort

What should be happening?

Dropdown menu should close

Steps to reproduce issue

1. Open the modal
2. Click on input
3. Click away from the input (in modal)

Code

https://codesandbox.io/s/reactstrap-bug-lu30xq

[HansAarneLiblik]

Any updates on this ?

[HansAarneLiblik]

Sorry if I'm pinging you incorrectly here, @aaronmars

Here's another repro (Without Typeahead component) - https://codesandbox.io/s/reactstrap-bug-forked-s27kn1

[hassaanistic]

I wanna work on this Assign This to me ##2718

[illiteratewriter]

@hassaanistic sure