how to use click outside in dialog

Hi Noor,

The Dialog component is designed to prevent the user of taking any action, before it is closed, which is why it renders overlay over the entire available space and prevents the user from clicking any element under the overlay. You can visually remove the overlay with CSS, but there will still be an element over the elements under the Dialog.

If you need to allow the user to interact with the underlying elements, you can use the Window component instead:

• https://www.telerik.com/kendo-react-ui/components/dialogs/window/

Hope this helps.

Regards,
Konstantin Dikov
Progress Telerik