Cannot click the toolbars inside the modal #284
-
|
I'm currently using the Dialog component from Shadcn UI, and I'm experiencing an issue where I cannot click on any toolbar elements within the dialog. |
Beta Was this translation helpful? Give feedback.
Replies: 1 comment 3 replies
-
|
Please share a repro. You can use the following sandbox as a template. https://stackblitz.com/edit/yet-another-react-lightbox-sandbox?file=src%2FApp.tsx |
Beta Was this translation helpful? Give feedback.
-
|
Hi, Thank you for your response. I’ve created a sandbox for you. You can access it here: https://stackblitz.com/edit/yet-another-react-lightbox-sandbox-ium98b?file=src%2FApp.tsx |
Beta Was this translation helpful? Give feedback.
-
|
Thank you very much for providing the sandbox. The behavior you see is happening due to Radix UI Dialog adding 
Here is the workaround you can use to counter this behavior: <Lightbox
styles={{ root: { pointerEvents: "auto" } }}
// ....
/> |
Beta Was this translation helpful? Give feedback.
-
|
Thank you for your help! The solution you provided fixed my issue. |
Beta Was this translation helpful? Give feedback.
Thank you very much for providing the sandbox. The behavior you see is happening due to Radix UI Dialog adding
pointer-events: nonestyle to the document<body>:Here is the workaround you can use to counter this behavior: