How to prevent click outside React Modal?

Question

I'm currently using react-modal package.

I want to disable click and scroll outside react modal component.

Solution

add this line to your modal component

    <ReactModal 
       //other props declaration..
       shouldCloseOnOverlayClick={false} // add this to prevent outside click to prevent modal close 
    >

or use event.preventDefault() to fix it

Comments

[Chris]

You have to show what progress you've done so far. Show us your code and explain what you have tried.

[Panayiotis Georgiou]

than will do it!

[Dimitar Christoff]

if it's a parent element this won't allow closing or interacting with modal either