Closed
Description
The Typeahead menu is not working properly when it is rendered inside a reactstrap Modal: the menu remains open onBlur
, while in any other context it automatically closes.
Version
"react-bootstrap-typeahead": "6.1.2"
"reactstrap": "9.1.5"
"bootstrap": "5.3.3"
Steps to reproduce
- Render the Typeahead inside a reactstrap Modal.
- Open the modal
- Click on the Typeahead for showing the options
- Click elsewhere
Starter sandbox: https://codesandbox.io/p/sandbox/react-typeahead-in-a-reactstrap-modal-7gpcjt
Expected Behavior
I expect the typeahead menu to be closed onBlur
, as it behave in any other context.
Actual Behavior
The typeahead menu remains opened onBlur
when it is rendered inside a reactstrap Modal.