Ion-textarea: get number of rows to display the whole content when scrolling

Ionic Framework
1

I’ve multiple ion-textareas with long content, so I need them to scroll instead if auto growing.
While adding the scrolling I just can scroll through the rows I’ve given at the start.

‘<ion-textarea class=“show-scrollbar” style=“max-height:120px;overflow-x: hidden;”
[(ngModel)]=“notes” rows=“6” cols=“1” >
’

CSS:
‘.show-scrollbar::-webkit-scrollbar {
width: 5px;
display: block !important;
}’

Can I get somehow the number of rows to display the whole content or something else to scroll through the whole textarea even when there is more content?

2

You can use viewchild() to expose element props. Then create a method that changes the height of the element based on the number of rows.