How to stop event from bubbling when exiting react-bootstrap modal?

user_14479259 0
Viewed 709

Say I want to stop the event from propagating upon exit from the modal, for example when clicking on the background or the exit button which will close the modal. But then it'll redirect me to the (parent)? onClick event upon exiting.

<Modal onHide={(e) => {
e.stopPropagation();
setShow(false);
...
}}>

<Modal/>

The above does not work. I also tried onExit which also doesn't work.

react-bootstrap bootstrap-modal reactjs events
1 Answers

The workaround was to use a div element around the Modal to control the event.

<div 
onClick ={(e) => e.preventPropagation()}
>
<Modal>
<Modal/>
</div>
user_144792590
Related