I'm building a single page application with angular material and for some reason the animations are not functioning.
It looks like it is not just angular material as I can't get the basic example on the https://docs.angularjs.org/guide/animations page to work.
It appears that the classes that angular material relies on to be added for the css animations to hook on to are not being applied. Inspecting the elements in chrome I just see the hide and show classes but none of the transition classes.
Relevant parts of my bower file:
"angular": "~1.4.0",
"angular-animate": "~1.4.0",
"angular-sanitize": "~1.4.0",
"angular-messages": "~1.4.0",
"angular-i18n": "~1.4.0",
"angular-ui-router": "~0.2.15",
"angular-material": "~0.9.8",
My site (in development) is at http://www.zakhenry.com and the animation test page is at http://www.zakhenry.com/#/blog When the viewport is small (ie mobile width) I should be able to see the sidepane animate out like on the https://material.angularjs.org/latest/ site; instead it just appears and disappears.
Source code is at https://github.com/xiphiaz/zakhenry.com
There were some issues with ngAnimate in Angular 1.4.0 that are being resolved for 1.4.1. You might want to rollback to 1.3 until 1.4.1 is released.