When trying to scroll textarea, page scrolls too

I have a basic <textarea> that if you scroll it using a touch device it pulls the entire <ion-content> with it.

how do I make it so that when I’m trying to scroll inside the textarea that ONLY the textarea scrolls and not the whole page? I’m sure there’s some preventDefault() somwhere, I just don’t know where.

It seems there is a whole discussion about this here:

According to current implementation (if I understood correctly), only when you focus textarea (on device keyboard shows as well) you can scroll inside of it. If the focus is not on textarea, it will scroll with the ion-content.

Hmm, good to know. I’m concerned that my users will just want to immediately scroll the box with first selecting it, hence the issue.

I don’t want the user to be able to enter info info into the text box either so I’m starting to realize that a textarea was the wrong call. I obviously was not thinking clearly when I put this together.