i’d like to duplicate the way that most native messaging apps handle the text input field…that is to say when there’s only one line of text the input field is simply one line like so: [image] and then once you type more than one line of text in, it expands to multiple lines like this: [image] i…

There are a few topics on this, maybe they will help: [image] Auto growing textarea in ionic Hi, I'm trying to add an autogrowing textarea to my app but for some reason it is not working. It is the module that I'm using https://github.com/tagged/autogrow (it was recommended on the ionic…

wow thanks, @brandyshea to the rescue

For ionic 2, on your textarea add some id, for example: <ion-textarea rows="1" id="messageInputBox" placeholder="Send message" (input)="change()" required></ion-textarea> And then on change you can update size of text area: change() { // get elements var element = document.getElementByI…

Hi, nice solution. One cuestion, how can i send the id of the input to change method?

<ion-textarea rows="1" id="messageInputBox" placeholder="Send message" (input)="change('messageInputBox')" required></ion-textarea> change(element_id) { ... } ?

Haha, thanks! It is a fast solution. Any solution like This.id or similar?

Dynamically change the number of lines for text input field?

ionic-v1

brandyshea January 28, 2015, 3:10pm 2

There are a few topics on this, maybe they will help:

Topic		Replies	Views
Grow ion-textarea automatically on every new line input Ionic Framework	2	1340	September 22, 2018
Elastic ion-textarea ionic-v3	12	25331	August 22, 2017
Auto growing textarea in ionic	10	16396	September 19, 2019
[SOLVED] Ion-textarea resize height dynamically ionic-v3	47	83995	February 25, 2021
Autosize ion-textarea ionic-v3	12	16548	March 16, 2020

Dynamically change the number of lines for text input field?

Related topics