fix(textarea): autogrow (#18822)

manucorporat · web-flow · commit 26e6d6f11518 · 2019-07-17T19:23:13.000+02:00
fixes #18744
diff --git a/core/src/components/textarea/textarea.tsx b/core/src/components/textarea/textarea.tsx
@@ -193,10 +193,12 @@ export class Textarea implements ComponentInterface {
     this.ionInputDidLoad.emit();
   }
 
+  // TODO: performance hit, this cause layout thrashing
   private runAutoGrow() {
     const nativeInput = this.nativeInput;
     if (nativeInput && this.autoGrow) {
       readTask(() => {
+        nativeInput.style.height = 'inherit';
         nativeInput.style.height = nativeInput.scrollHeight + 'px';
       });
     }

Original file line number	Diff line number	Diff line change
`@@ -193,10 +193,12 @@ export class Textarea implements ComponentInterface {`
`193`	`193`	`this.ionInputDidLoad.emit();`
`194`	`194`	`}`
`195`	`195`
	`196`	`+ // TODO: performance hit, this cause layout thrashing`
`196`	`197`	`private runAutoGrow() {`
`197`	`198`	`const nativeInput = this.nativeInput;`
`198`	`199`	`if (nativeInput && this.autoGrow) {`
`199`	`200`	`readTask(() => {`
	`201`	`+ nativeInput.style.height = 'inherit';`
`200`	`202`	`nativeInput.style.height = nativeInput.scrollHeight + 'px';`
`201`	`203`	`});`
`202`	`204`	`}`