From dc958c3e2cc3726339591a91cbe64e90c82d0238 Mon Sep 17 00:00:00 2001
From: Manuel Mtz-Almeida <manu.valladolid@gmail.com>
Date: Tue, 13 Jun 2017 17:26:04 +0200
Subject: [PATCH] fix(textarea): apply classes properly

---
 src/components/input/input.ts | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/components/input/input.ts b/src/components/input/input.ts
index 36bad87447..39c822bf5e 100644
--- a/src/components/input/input.ts
+++ b/src/components/input/input.ts
@@ -104,6 +104,7 @@ import { Platform } from '../../platform/platform';
     '[readonly]="_readonly">' +
 
   '<textarea #textInput *ngIf="_isTextarea" class="text-input" ' +
+    '[ngClass]="\'text-input-\' + _mode"' +
     '(input)="onInput($event)" ' +
     '(blur)="onBlur($event)" ' +
     '(focus)="onFocus($event)" ' +
@@ -258,8 +259,7 @@ export class TextInput extends BaseInput<string> implements IonicFormInput {
     @Optional() public ngControl: NgControl,
     private _dom: DomController
   ) {
-    super(config, elementRef, renderer,
-      elementRef.nativeElement.tagName === 'ION-TEXTAREA' ? 'textarea' : 'input', '', form, item, ngControl);
+    super(config, elementRef, renderer, 'input', '', form, item, ngControl);
 
     this.autocomplete = config.get('autocomplete', 'off');
     this.autocorrect = config.get('autocorrect', 'off');
@@ -267,6 +267,9 @@ export class TextInput extends BaseInput<string> implements IonicFormInput {
     this._keyboardHeight = config.getNumber('keyboardHeight');
     this._isTextarea = !!(elementRef.nativeElement.tagName === 'ION-TEXTAREA');
 
+    if (this._isTextarea && item) {
+      item.setElementClass('item-textarea', true);
+    }
     // If not inside content, let's disable all the hacks
     if (!_content) {
       return;