Overlay Drawer - Only close on explicit button click and not on click outside

[Noah]

Is there a way to prevent the overlay drawer from closing when the user clicks in the gray overlay area and force them to click a button that fires the toggle method?

[Yanmario]

Hi Noah,

To achieve the desired requirement, the developer should handle the click event on the k-overlay that is rendered by the component. Please check the following example demonstrating such an approach:

https://stackblitz.com/edit/angular-3pspvz?file=app/app.component.ts

Additional business logic can be applied and conditionally prevent or execute the event that will close the Drawer component.

I hope this helps. Please let me know if I can provide any further assistance on this matter.

Regards,
Yanmario
Progress Telerik

[All Star]

good