Modal destroyed before leave animation is complete


When using the default slide-in-up animation for modal, the modal leave animation looks perfect. But when substituting a different animation ( I am using slide-in-right) the modal is destroyed (i.e. removed from the DOM) before the leave animation is done.

This causes a noticeable UX hiccup, since the modal is only half way through the leave animation before it just disappears. You can see this here:

The leave timing is 2500ms so that’s how long the modal should be visible as it slides out to the left. But it gets removed almost instantly, negating the leave animation. Is this fixable?


hey man
use this code
replace it with the existing, .slide-in-left > .ng-leave

selector, .slide-in-left > .ng-leave {
  -webkit-transition: all ease-in-out 250ms;
  transition: all ease-in-out 250ms; 
  -webkit-transform: translate3d(-150%, 0, 0);
  transform: translate3d(-150%, 0, 0); }