fix(select): fix menu close animation

Author: kara

src/lib/select/select-animations.ts

@@ -58,10 +58,10 @@ export const transformPanel: AnimationEntryMetadata = trigger('transformPanel',
       width: '100%',
       transform: `translate3d(0, 0, 0) scaleY(0)`
     }),
-    animate(`150ms cubic-bezier(0.55, 0, 0.55, 0.2)`)
+    animate(`150ms cubic-bezier(0.25, 0.8, 0.25, 1)`)
   ]),
   transition('* => void', [
-    animate('250ms linear', style({opacity: 0}))
+    animate('250ms 100ms linear', style({opacity: 0}))
   ])
 ]);
 

src/lib/select/select.scss

@@ -16,6 +16,7 @@ md-select {
   height: $md-select-trigger-height;
   min-width: $md-select-trigger-min-width;
   cursor: pointer;
+  user-select: none;
 }
 
 .md-select-placeholder {

src/lib/select/select.ts

@@ -108,6 +108,7 @@ export class MdSelect implements AfterContentInit, OnDestroy {
   /** Closes the overlay panel. */
   close(): void {
     this._panelOpen = false;
+    this._focusHost();
   }
 
   /** Whether or not the overlay panel is open. */
@@ -158,7 +159,6 @@ export class MdSelect implements AfterContentInit, OnDestroy {
       this._focusCorrectOption();
       this.onOpen.emit();
     } else {
-      this._focusHost();
       this.onClose.emit();
     }
   }