Modal backdrop does not fade out on close

[ezzatron]

See http://getbootstrap.com/javascript/#modals for expected close animation. Whereas with http://angular-ui.github.io/bootstrap/#/modal, the modal itself animates on close, but the backdrop simply disappears suddenly.

[karianna]

Hi @ezzatron - Are you able to provide a plunkr and the version(s) of Angular/Bootstrap and UI you are using?

[ezzatron]

I don't have it in front of me right now, but both bootstrap and angular-ui/bootstrap are the latest stable versions available on bower.

I can put together a plunkr tomorrow if it's required, but the two links I pasted exhibit the behaviors I'm referring to.

To demonstrate the expected behavior:

• http://getbootstrap.com/javascript/#modals-examples
• Under "Live demo", click "Launch demo modal"
• Close the modal and observe the modal backdrop fade out

To demonstrate the actual behavior:

• http://angular-ui.github.io/bootstrap/#/modal
• Click "Open me!"
• Close the modal and observe the modal backdrop not fading out

It probably sounds like a minor thing, but since the angular-ui backdrop does fade in, it's quite jarring when doesn't fade out.

Does that help, or do you still need a plunkr?

[karianna]

That should be enough, thanks!

[jackrk]

+1

[dyatchenko]

I found out that the problem is in 0.13.0 version. 0.12.0 works fine even with AngularJS 1.4.1.

[telminov]

dyatchenko, +1

[olavocneto]

dyatchenko, +1

[vicky-gonsalves]

dyatchenko, +1

[SuNiLThAkUr360]

Modal backdrop does not fade out on close help me