AngularJs bootstrap model backdrop not closing

Question

I have a strange problem when I dismiss my modal, the modal dialog goes away but the backdrop is staying. Looking what is going on I see that when the model is opened it ads a ng-model class o the body tag and adds two div's modal-render and modal-backdrop.

I created the ugly workaround below to solve it, but there must be a reason why it is not working as expected.

Any ideas where to look ?

        document.body.setAttribute("class", "ng-scope");
        var modalRender = document.body.lastChild;
        var modalBackdrop = modalRender.previousSibling;
        window.setTimeout(function()
        {
            modalBackdrop.style.zIndex = -1;
        }, 100);
        document.body.removeChild(modalRender);

Are you using angular 1.4.0? It's not supported by ui-bootstrap, which I assume is what you're using? — xgrtl, Jun 12 '15 at 20:50
CORRECT it is 1.4, so which version does support it and what are the alternatives for 1.4 ? — user1029883, Jun 13 '15 at 17:31

score 0 · Answer 1 · edited May 23 '17 at 11:51

0

the link below has the solution, turn animation of on Modal to overcome the bug.

$modalInstance dialog box closes, but screen remains grayed out and inaccessible

edited May 23 '17 at 11:51

Community

1
1

answered Jun 29 '15 at 14:55

user1029883

695
7
21

AngularJs bootstrap model backdrop not closing

1 Answers1