Programmatically set height (or rows) of <ion-textArea>

Ionic Framework ionic-v3
1

Hi,

I’m trying without success to set the height of an <ion-textarea> accordingly with the height of the screen that i’m getting with sucess with platform.height() .

I tried with :

  • Binding the rows attribute :

<ion-textarea [rows]="myRows" ></ion-textarea>

Gives a blank page.

  • And using css :

<ion-textarea [style.height]="myHeight" ></ion-textarea>

Change the height of the wrapper but not the DOM element <textarea>, so it doesn’t work either.

Do you have any ideas ?

Thanks !

2

[attr.rows]=“myRows”

3 Likes
3

Thanks I use [attr.rows]=“myRows”. it’s worked fine with me

4

thank you very much, saved me a lot of time.

5

Got to be kidding me!!! so many other far more complex solutions to this that i found and tried. Thx a million!