Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

bug: Autogrow should reset back to number of rows specified when text is cleared #18744

Closed
AVatch opened this issue Jul 9, 2019 · 2 comments · Fixed by #18822
Closed

bug: Autogrow should reset back to number of rows specified when text is cleared #18744

AVatch opened this issue Jul 9, 2019 · 2 comments · Fixed by #18822
Labels
package: core @ionic/core package type: bug a confirmed bug report

Comments

@AVatch
Copy link

AVatch commented Jul 9, 2019

Bug Report

Ionic version:

[x] 4.6.1

Current behavior:

Create an ion-textarea with autoGrow set to true. Then on submit or another action set the value to an empty string. The textarea does not revert to its original height.

Expected behavior:

The textarea should reset to the height specified by rows or just 1 row. (This worked in 4.5.0)

Steps to reproduce:

Related code:

https://github.com/AVatch/autogrow-bug

Other information:

Ionic info:

Ionic:

   Ionic CLI                     : 5.2.1 (/usr/local/lib/node_modules/ionic)
   Ionic Framework               : @ionic/angular 4.6.1
   @angular-devkit/build-angular : 0.13.9
   @angular-devkit/schematics    : 7.3.9
   @angular/cli                  : 7.3.9
   @ionic/angular-toolkit        : 1.5.1

Utility:

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

System:

   NodeJS : v11.5.0 (/usr/local/Cellar/node/11.5.0/bin/node)
   npm    : 6.9.0
   OS     : macOS Mojave
@ionitron-bot ionitron-bot bot added the triage label Jul 9, 2019
@liamdebeasi liamdebeasi added package: core @ionic/core package type: bug a confirmed bug report labels Jul 10, 2019
@liamdebeasi liamdebeasi mentioned this issue Jul 12, 2019
10 tasks
@GerardoTovar
Copy link

GerardoTovar commented Jul 16, 2019

hello, I discovered that if you put this css, it helps to return to the original size when you delete the characters one by one

in the global css file

    .native-textarea.sc-ion-textarea-md{
       border-width: 0.5px !important;
       border-top-style: solid !important;
    }

and you can make it transparent

    .native-textarea.sc-ion-textarea-md{
        border-top-color: transparent;
        border-width: 0.5px !important;
        border-top-style: solid !important;
    }

Sin títulsasdo

You can also use angular Auto-resizing textarea in your ionic application

https://material.angular.io/components/input/examples

this is while, the ionic equipment repair the problem :3

English is not my native language, if something is not very clear, let me know

@ionitron-bot
Copy link

ionitron-bot bot commented Aug 16, 2019

Thanks for the issue! This issue is being locked to prevent comments that are not relevant to the original issue. If this is still an issue with the latest version of Ionic, please create a new issue and ensure the template is fully filled out.

@ionitron-bot ionitron-bot bot locked and limited conversation to collaborators Aug 16, 2019
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
package: core @ionic/core package type: bug a confirmed bug report
Projects
None yet
Development

Successfully merging a pull request may close this issue.

3 participants