Text is not visible on textarea within ion-scroll on iOS


#1

Hello. I have a modal with <ion-content scroll="true"> and a textarea inside. I have added scroll=“true” so that textarea would scroll when keyboard is opened, and keyboard won’t overlap text this way. But if I add scroll=“true” then sometimes on ios if I click on textarea and start typing I don’t see anything unless i click on textarea again. I think it is somehow related to cloning textarea etc…

Any suggestions?

Thanks


#2

It only happens if I set height and width of scroll area to 100% and do the same for textarea


#3

So I had to manually go to ionic css and remove this:

.previous-input-focus, .cloned-text-input + input, .cloned-text-input + textarea {
  position: absolute !important;
  left: -9999px;
  width: 200px; }

And then in my css display the un-cloned textarea