Esc press not closing the angular kendo dialog

[serdar]

Hi,

I see that if an input in dialog focus(), we can not close the dialog with "Escape" key press.

Is there a general setting that can help me achieve this?

 

--

 

Or is there a way that I can trigger dialog close function with a general event?
document.querySelector(".k-dialog-content input")
                .addEventListener("keydown",function(e){ if(e.key == "Escape") { this.closest(".k-dialog")._wishToClose_(); } });

 

[Dimitar]

Hello Serdar,

This behavior is expected. The idea is that if the user has focusable elements in his dialog content, we don't want to override possible shortcuts set by him. 

To always close the dialog on escape press, you can create a custom directive which targets the kendo-dialog selector and emit close on escape press. Here's an example. Note that this solution will affect all Dialogs in your application. If you don't want this code to be leaking to other component and possibly cause some undesired behavior, you can handle the escape press inline for every Dialog for which you want this behavior. Here's an example with an escape event listener. 

Let me know if you need further assistance on the topic.

Regards,
Dimitar
Progress Telerik