How can i make the modal overlay non blocking?

reactjs / react-modal

Accessible modal dialog component for React

http://reactcommunity.org/react-modal

MIT License

7.34k stars 807 forks source link

How can i make the modal overlay non blocking? #1031

Closed Ahmed-Ateeq closed 8 months ago

Ahmed-Ateeq commented 8 months ago

Hello, we do have a prop to disable closing the modal on overlay click and we can hide the overlay using css / styling. But is there a way to make the background / overlay non blocking, meaning that the user should be able to interact with the background (currently the overlay blocks the background)

diasbruno commented 8 months ago

What you want is not a modal...modal is a blocking activity.

Of course, you can hack a little bit and make the size of the overlay = to the size of the content. But it's kinda dirty....:)

Ahmed-Ateeq commented 8 months ago

hmm true. The concept for the modal is a bit different than what I want to achieve.

Thanks btw 👍, giving it the same height as the content and unsetting top makes it non blocking (i'm doing this only for mobile screens because I want the modal to behave like a bottom sheet).