Bootstrap modal not closing on pressing backspace key

Question

I have several bootstrap modals in my application. when there is a modal and I pressed backspace key the popup never closes instead the back portion of web page navigates last history page visited. How can I make the bootstrap modal close when backspace is pressed?

This answer might be useful: http://stackoverflow.com/questions/11112127/prevent-backspace-from-navigating-back-with-jquery-like-googles-homepage — dlane, Feb 12 '14 at 14:00

score 1 · Accepted Answer · edited May 23 '17 at 12:24

1

The bootstrap issue 2908 reports this behavior.

For angular.js one solution could be dismiss the window on $routeChangeSuccess, this way:

$rootScope.$on('$routeChangeSuccess', function() {
    $modalInstance.dismiss('cancel');
});

It could also be implemented as an directive or it could be registered as a global behaviour.

edited May 23 '17 at 12:24

Community

1
1

answered Dec 16 '14 at 17:46

Filipe Costa

26
1
3

score 0 · Answer 2 · answered Feb 06 '17 at 12:13

enter image description here

I added the function in ui-bootstrap. This way it takes the backspace event and closes the modal

case 8:
                 B.value.keyboard && (a.preventDefault (), and. $ Apply (function {) {
                     Z.dismiss (b.key, "backspace key press")
                 }));
                 Break;

Bootstrap modal not closing on pressing backspace key

2 Answers2