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?
Minthos
2
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.
Kaishin
4
For the record, the issue is also on Android (I got the same with Lollipop)
ramon
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!