Ion-textarea iphone cannot move cursor in text

Hello all, I am trying to add a “notes” feature to my app where the user can make their own notes in a freeform manner.

This is the code-

<ion-content padding >
  <div class="note-container">
    <ion-textarea rows="24" placeholder="Click here to add a note!" [(ngModel)]="notes"></ion-textarea>
  </div>
</ion-content>

When I use the iphone I cannot move the cursor so that I could meaningfully edit the text.

the focus appears to simply be set then unset (the ionic serve works great)
Any thoughts?

I have the same issue on ipad. My solution is to use a <textarea> instead of <ion-textarea>.

Thank you, I ended up going with a different note taking approach using lists but this may be helpful next time I work on it.

For the record, the issue is also on Android (I got the same with Lollipop)

Hi everyone,

I’m facing this same issue in iPad and iPhone devices with iOS 10.3.2.

The template:

<ion-list>

  <ion-item>
    <ion-label floating>Username</ion-label>
    <ion-input type="text"></ion-input>
  </ion-item>

  <ion-item>
    <ion-label floating>Password</ion-label>
    <ion-input type="password"></ion-input>
  </ion-item>

</ion-list>

My system information:

Cordova CLI: 6.5.0
Ionic Framework Version: 2.2.0
Ionic CLI Version: 2.2.1
Ionic App Lib Version: 2.2.0
Ionic App Scripts Version: 1.1.4
ios-deploy version: 1.9.0
ios-sim version: 5.0.11
OS: macOS Sierra
Node Version: v7.1.0
Xcode version: Xcode 8.3.2 Build version 8E2002

Any help will be appreciated. Thanks!