Hi,

I'm creating one component to work with my generic dilog (see the code below that i'm using to show it), how you can see i'm disable the background click 'cause onley through the buttons the user can close/confirm this one.

To test it, i put one button in my page and after click the modal apper perfectly and the background click is disabled, but if i press the key "enter" the button show the dialog again (eventhoug the background is disabled).

There is some smart way to handle this situation?

Thanks Edson.

The code behind the button.

this.modalRef = this.modal.show(DialogComponent, { backdrop: false, keyboard: true, focus: true, show: false, ignoreBackdropClick: true, class: 'modal-dialog-centered modal-dialog', animated: true, });