I'm submitting a ... (check one with "x")
[x] bug report => search github for a similar issue or PR before submitting
[ ] feature request
[ ] support request => Please do not submit support request here, instead see https://github.com/angular/angular/blob/master/CONTRIBUTING.md#question
Current behavior
When toggling between two animation states, the "off" state doesn't animate away. For reference:

Expected behavior
The animation should work both ways.
Minimal reproduction of the problem with instructions
The issue can be seen in the Material select: https://github.com/angular/material2/blob/master/src/lib/select/select-animations.ts#L22
Please tell us about your environment:
Windows, NPM
-
Angular version: 2.0.X
Angular 4-rc.5, as well as the latest master build.
-
Browser: [all | Chrome XX | Firefox XX | IE XX | Safari XX | Mobile Chrome XX | Android X.X Web Browser | iOS XX Safari | iOS XX UIWebView | iOS XX WKWebView ]
Chrome 57
-
Language: [all | TypeScript X.X | ES6/7 | ES5]
TypeScript 2.1.
CC @matsko
I'm submitting a ... (check one with "x")
Current behavior

When toggling between two animation states, the "off" state doesn't animate away. For reference:
Expected behavior
The animation should work both ways.
Minimal reproduction of the problem with instructions
The issue can be seen in the Material select: https://github.com/angular/material2/blob/master/src/lib/select/select-animations.ts#L22
Please tell us about your environment:
Windows, NPM
Angular version: 2.0.X
Angular 4-rc.5, as well as the latest master build.
Browser: [all | Chrome XX | Firefox XX | IE XX | Safari XX | Mobile Chrome XX | Android X.X Web Browser | iOS XX Safari | iOS XX UIWebView | iOS XX WKWebView ]
Chrome 57
Language: [all | TypeScript X.X | ES6/7 | ES5]
TypeScript 2.1.
CC @matsko