ng-animate class stuck on element when using ng-route

[ogrimator]

I have two input elements and I'm hiding div on "ng-focus" and showing the same div on "ng-blur". Everything is working fine if I click on one input element and off that element again.
Problem is when I will click from one input element to another and then off so no input elements have focus. Variable is changing as predicted but element is not showing up because "ng-animate" class is stuck on that element and adding "ng-hide" class is not hiding it anymore.

To test click on one input then the other input and anywhere else, then back on any input, element will stay visible.
http://plnkr.co/edit/PjXyMatnPwYBZApInQkV?p=preview

This issue will not happen when the same script will not be using ng-route.

[rodyhaddad]

Looks like a valid issue

cc @matsko

[airato]

Yeah, there is a bug, fixed in #7784, waiting for merge

p.s. same behavior without ng-route http://plnkr.co/edit/9CASzQgTe2QIutkGm53J?p=preview

[matsko]

Ah perfect. Thanks @airato for checking that out. This will be merged in tomorrow morning.

[matsko]

OK the PR is ready. Here is a working demo:

http://plnkr.co/edit/5hanCozN8kodIKtW17ud?p=preview