fix(input,cdk): a couple of server-side rendering errors

* Fixes an error that is thrown during server-side rendering if an input has a `type`.
* Fixes an error that was being thrown by the `cdkObserveContent` due to the lack of a `MutationObserver`.

Author: crisbeto

src/lib/core/observe-content/observe-content.ts

@@ -9,6 +9,7 @@ import {
   AfterContentInit,
   Injectable,
 } from '@angular/core';
+import {Platform} from '../platform/platform';
 import {Subject} from 'rxjs/Subject';
 import 'rxjs/add/operator/debounceTime';
 
@@ -43,10 +44,15 @@ export class ObserveContent implements AfterContentInit, OnDestroy {
   @Input() debounce: number;
 
   constructor(
+    private _platform: Platform,
     private _mutationObserverFactory: MdMutationObserverFactory,
     private _elementRef: ElementRef) { }
 
   ngAfterContentInit() {
+    if (!this._platform.isBrowser) {
+      return;
+    }
+
     if (this.debounce > 0) {
       this._debouncer
         .debounceTime(this.debounce)

src/lib/input/input-container.ts

@@ -20,7 +20,7 @@ import {
   Inject
 } from '@angular/core';
 import {animate, state, style, transition, trigger} from '@angular/animations';
-import {coerceBooleanProperty} from '../core';
+import {coerceBooleanProperty, Platform} from '../core';
 import {FormGroupDirective, NgControl, NgForm} from '@angular/forms';
 import {getSupportedInputTypes} from '../core/platform/features';
 import {
@@ -213,6 +213,7 @@ export class MdInputDirective {
 
   constructor(private _elementRef: ElementRef,
               private _renderer: Renderer2,
+              private _platform: Platform,
               @Optional() @Self() public _ngControl: NgControl,
               @Optional() private _parentForm: NgForm,
               @Optional() private _parentFormGroup: FormGroupDirective) {
@@ -267,7 +268,8 @@ export class MdInputDirective {
   /** Determines if the component host is a textarea. If not recognizable it returns false. */
   private _isTextarea() {
     let nativeElement = this._elementRef.nativeElement;
-    return nativeElement ? nativeElement.nodeName.toLowerCase() === 'textarea' : false;
+    let nodeName = this._platform.isBrowser ? nativeElement.nodeName : nativeElement.name;
+    return nodeName ? nodeName.toLowerCase() === 'textarea' : false;
   }
 }
 

src/universal-app/kitchen-sink/kitchen-sink.html

@@ -86,7 +86,7 @@ <h2>Chips</h2>
 <h2>Datepicker</h2>
 
 <md-input-container>
-  <input mdInput [mdDatepicker]="birthday" placeholder="Birthday">
+  <input type="text" mdInput [mdDatepicker]="birthday" placeholder="Birthday">
   <button mdSuffix [mdDatepickerToggle]="birthday"></button>
   <md-datepicker #birthday></md-datepicker>
 </md-input-container>
@@ -106,7 +106,7 @@ <h2>Icon</h2>
 <h2>Input</h2>
 
 <md-input-container>
-  <input mdInput placeholder="amount">
+  <input type="number" mdInput placeholder="amount">
   <span mdPrefix>$&nbsp;</span>
   <span mdSuffix>.00</span>
   <md-hint>Dolla dolla bills</md-hint>