Angular UI Bootstrap Modal - how to prevent user interaction

angular-ui, angular-ui-bootstrap, modal-dialog

Solution

You can pass the following options, when opening a modal window, to prevent users from closing the window:

- `backdrop: 'static'` - top prevent users from closing a modal on backdrop click

- `keyboard: false` - so users can't close a window by pressing ESC

Full documentation here: http://angular-ui.github.io/bootstrap/#/modal

Problem

In my current usecase, I am trying to use angular-ui modal window to show the progress of calculations that we do in a background process which we disable on completion. All works well. I just want to disable user from clicking any of element in background. Any idea how can we do this?

Original source