Prevent Sheet close when clicking outside in some conditions

[shrix1]

• Is There any way to prevent Sheet from closing while the user click outside the Sheet component ???

[shrix1]

Found it we can add open props on Sheet components to fix this Issue

[Zick-del]

can you provide an example how it can be done?

[shrix1]

See Shadcn is a wrapper around Radix so , this will help you i guess.

[Zick-del]

I see.. but i wanted to let the interactions to be able outside of the dialog. For example, the content of the dialog depends on the checkbox that i click outside of the dialog. I guess i'll do it with normal html elements, rather that shadcn component

[shrix1]

https://www.radix-ui.com/primitives/docs/components/dialog#api-reference

Refer this doc and play around with it

[Zick-del]

Gotcha. Thank you very much!

[memartello]

If you want to the sheet be open and keep interaction with you application you can use:

 <Sheet modal={false}>
.....
  <SheetContent
                        side={"bottom"}
                        onInteractOutside={(e) => {
                            e.preventDefault();
                        }}>

[joshpachner]

Thanks @memartello !
Just wanna point out the importance of the modal={false}
I was struggling until I realized that part of your example