ng-boostrap：ESC 按键上的模式关闭不起作用

Question

I want to dismiss MODAL on the keypress of ESC. But it isn't working... As I see on ng-bootstrap docs, By default keyboard is true . But even it isn't working...

I have applied ngbAutofocus on .modal-body class as I don't want default autofocus on close button because I had a animation on the focus of close button as well as animation on "ACCEPT" button .

I have attached the link of my code here...

Thank you in advance

Answer 1

The focus should be somewhere in the modal for esc to work. I see you added ngbAutofocus directive to the div element. the problem is - div is not focusable unless it has tabindex attribute. Adding this attribute will solve your problem.