Ion-textarea iphone cannot move cursor in text


#1

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?


#2

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


#3

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.


#4

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


#5

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!