bug: Autogrow property in IonTextArea doesnt look good

[andirsun]

Bug Report

Ionic version:

[x] 5.1

Current behavior:
When I initialize the value of a text area the label doesnt look good

Expected behavior:
Need to auto expand if I set property autogrod = true

Steps to reproduce:

Set a value to textArea component

Related code:

<IonItem>
            <IonLabel position="stacked">Beneficios</IonLabel>
            <IonTextarea 
              className="inputs"
              placeholder={benefits}
              autoGrow={true}
              maxlength={400}     
              value={benefits}
              rows={6} cols={20}
              onIonChange={e => setBenefits(e.detail.value!)}>
            </IonTextarea>
 </IonItem>

Other information:

Ionic info:

Ionic:

   Ionic CLI       : 6.8.0 (/Users/timugo/.nvm/versions/node/v12.16.0/lib/node_modules/@ionic/cli)
   Ionic Framework : @ionic/react 5.1.0

Capacitor:

   Capacitor CLI   : 2.1.0
   @capacitor/core : 2.1.0

Utility:

   cordova-res : not installed
   native-run  : not installed

System:

   NodeJS : v12.16.0 (/Users/timugo/.nvm/versions/node/v12.16.0/bin/node)
   npm    : 6.14.4
   OS     : macOS Mojave

[ionitron-bot]

Thanks for the issue! This issue has been labeled as needs reproduction. This label is added to issues that need a code reproduction.

Please provide a reproduction with the minimum amount of code required to reproduce the issue. Without a reliable code reproduction, it is unlikely we will be able to resolve the issue, leading to it being closed.

For a guide on how to create a good reproduction, see our Contributing Guide.

[andirsun]

@liamdebeasi

• Clone https://github.com/andirsun/bugTextArea
• npm install - ionic serve
• see the IonTextArea cant see correctly

[brandyscarney]

I was able to reproduce it in a Codepen randomly - if you keep refreshing eventually you'll see it: https://codepen.io/brandyscarney/pen/JjYabVa

[andirsun]

I was able to reproduce it in a Codepen randomly - if you keep refreshing eventually you'll see it: https://codepen.io/brandyscarney/pen/JjYabVa

Yes, in the web browser the autogrow propertie works fine, but in phone view the input doesnt recognize the size of the preloaded text.