Skip to content

Typeahead menu remains opened onBlur when rendered inside a Modal #860

Closed
@Michele-Masciave

Description

@Michele-Masciave

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

  1. Render the Typeahead inside a reactstrap Modal.
  2. Open the modal
  3. Click on the Typeahead for showing the options
  4. 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.

Metadata

Metadata

Assignees

No one assigned

    Labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions