fix(textfield): Fix getNativeInput adapter method and use foundation isDisabled.

Author: trimox

src/lib/textfield/textfield-adapter.d.ts

@@ -16,5 +16,5 @@
   deregisterInputKeydownHandler: (EventListener) => void;
   setHelptextAttr: (name: string, value: string) => void;
   removeHelptextAttr: (className: string) => void;
-  getNativeInput: () => void;
+  getNativeInput: () => HTMLInputElement;
 }

src/lib/textfield/textfield.component.html

@@ -10,10 +10,10 @@
   [tabindex]="tabindex"
   [maxlength]="maxlength"
   [attr.aria-label]="placeholder"
-  (focus)="handleFocus($event)"
-  (blur)="handleBlur($event)"
-  (input)="handleInput($event)"
-  (keydown)="handleKeyDown($event)"
+  (focus)="onFocus($event)"
+  (blur)="onBlur($event)"
+  (input)="onInput($event)"
+  (keydown)="onKeyDown($event)"
   [(ngModel)]="value"
   [disabled]="disabled"
   [required]="required"></textarea>
@@ -31,8 +31,8 @@
   [disabled]="disabled"
   [required]="required"
   [attr.tabindex]="tabindex"
-  (focus)="handleFocus($event)"
-  (keydown)="handleKeyDown($event)"
-  (blur)="handleBlur($event)"
-  (input)="handleInput($event)" />
+  (focus)="onFocus($event)"
+  (keydown)="onKeyDown($event)"
+  (blur)="onBlur($event)"
+  (input)="onInput($event)" />
 <label #inputlabel [attr.for]="id" class="mdc-textfield__label" *ngIf="!placeholder">{{label}}</label>

src/lib/textfield/textfield.component.ts

@@ -35,17 +35,13 @@ type UnlistenerMap = WeakMap<EventListener, Function>;
   providers: [MD_TEXTFIELD_CONTROL_VALUE_ACCESSOR]
 })
 export class TextfieldComponent implements AfterViewInit, OnDestroy {
-  private disabled_: boolean;
-
   @Input() id: string;
+  @Input() name: string;
   @Input() type: string = 'text';
   @Input() value: string;
   @Input()
-  get disabled(): boolean {
-    return this.disabled_;
-  }
-  set disabled(value: boolean) {
-    this.disabled_ = value;
+  get disabled() { return this._foundation.isDisabled(); }
+  set disabled(value) {
     if (this.inputEl) {
       this._foundation.setDisabled(value);
     }
@@ -169,12 +165,7 @@ export class TextfieldComponent implements AfterViewInit, OnDestroy {
       }
     },
     getNativeInput: () => {
-      return {
-        checkValidity: () => this.inputEl.nativeElement.checkValidity(),
-        value: this.value,
-        disabled: (_) => this.disabled_ = _,
-        badInput: this.inputEl.nativeElement.validity.badInput
-      };
+      return this.inputEl ? this.inputEl.nativeElement : null;
     }
   };
 
@@ -194,22 +185,22 @@ export class TextfieldComponent implements AfterViewInit, OnDestroy {
     this._foundation.destroy();
   }
 
-  handleFocus(evt: FocusEvent) {
+  onFocus(evt: FocusEvent) {
     this.focus.emit(evt);
   }
 
-  handleBlur(evt: FocusEvent) {
+  onBlur(evt: FocusEvent) {
     this._controlValueAccessorChangeFn((<any>evt.target).value);
     this.blur.emit(evt);
   }
 
-  handleInput(evt: Event) {
+  onInput(evt: Event) {
     evt.stopPropagation();
     this._controlValueAccessorChangeFn((<any>evt.target).value);
     this.input.emit(evt);
   }
 
-  handleKeyDown(evt: KeyboardEvent) {
+  onKeyDown(evt: KeyboardEvent) {
     evt.stopPropagation();
     this.keydown.emit(evt);
   }