From 587cf5c6c080ee4d819baac9e0624b1ba1d4ed88 Mon Sep 17 00:00:00 2001
From: Toufic Batache <taffou2a@gmail.com>
Date: Fri, 21 Aug 2020 00:45:59 +0300
Subject: [PATCH] fix(textarea): Sync MDC v7.0.0 changes

---
 packages/textfield/textarea.html | 40 +++++++++++++++++---------------
 1 file changed, 21 insertions(+), 19 deletions(-)

diff --git a/packages/textfield/textarea.html b/packages/textfield/textarea.html
index df08f9d91..9619d1b6a 100644
--- a/packages/textfield/textarea.html
+++ b/packages/textfield/textarea.html
@@ -1,20 +1,22 @@
 <div class="mdc-text-field__ripple"></div>
-<textarea #inputElement class="mdc-text-field__input"
-  [id]="id"
-  [rows]="rows"
-  [cols]="cols"
-  [tabindex]="tabIndex"
-  [attr.name]="name"
-  [attr.aria-invalid]="errorState"
-  [attr.maxlength]="maxlength"
-  [attr.minlength]="minlength"
-  [disabled]="disabled"
-  [required]="required"
-  [readonly]="readonly"
-  (mousedown)="onInputInteraction($event)"
-  (touchstart)="onInputInteraction($event)"
-  (focus)="onFocus()"
-  (input)="onInput($event)"
-  (change)="onChange($event)"
-  (blur)="onBlur()"></textarea>
-<mdc-notched-outline [label]="label" [for]="id"></mdc-notched-outline>
\ No newline at end of file
+<mdc-notched-outline [label]="label" [for]="id"></mdc-notched-outline>
+<span class="mdc-text-field__resizer">
+  <textarea #inputElement class="mdc-text-field__input"
+    [id]="id"
+    [rows]="rows"
+    [cols]="cols"
+    [tabindex]="tabIndex"
+    [attr.name]="name"
+    [attr.aria-invalid]="errorState"
+    [attr.maxlength]="maxlength"
+    [attr.minlength]="minlength"
+    [disabled]="disabled"
+    [required]="required"
+    [readonly]="readonly"
+    (mousedown)="onInputInteraction($event)"
+    (touchstart)="onInputInteraction($event)"
+    (focus)="onFocus()"
+    (input)="onInput($event)"
+    (change)="onChange($event)"
+    (blur)="onBlur()"></textarea>
+</span>