jackhutu
Unable to Interact with Multiple React-Bootstrap Modals Simultaneously
I am currently experiencing an issue while using the react-bootstrap library in my React application. Specifically, when I render two Modal components simultaneously, I am only able to interact with one of them.
Steps to Reproduce:
Import and use the Modal component from react-bootstrap in a React component. Render two Modal components at the same time, both set to show={true}. Attempt to interact with both modals; actions such as clicking buttons or filling input fields inside one modal do not work while the other is rendered. Expected Behavior: Both modals should respond to user interactions independently, allowing full functionality regardless of order or position in the DOM.
Observed Behavior: Only the last modal rendered responds to interactions. The first modal becomes unresponsive when the second one appears on top.
