bug: [iOS] ion-input cursor jumps to end on input

[tetsuwanadam]

Prerequisites

• I have read the Contributing Guidelines.
• I agree to follow the Code of Conduct.
• I have searched for existing issues that already report this problem, without success.

Ionic Framework Version

• v4.x
• v5.x
• v6.x

Current Behavior

On iOS 15.3, in an ion-input with existing text, if you set the cursor at the beginning or in the middle of the existing text and type a character, the cursor jumps to the end of the input.

Expected Behavior

As you type the cursor should stay after the typed character, regardless of where in the input text you are typing.

Steps to Reproduce

In an ion-input with existing text, move the cursor to the beginning or middle of the text and type a character.
I believe this issue arose either with the iOS 15.3 update or possibly the Ionic Vue 6.0.4 update.

Code Reproduction URL

https://github.com/tetsuwanadam/ionic-test/tree/ion-input-ios-cursor-issue

Ionic Info

Ionic:

Ionic CLI : 6.18.1 (/usr/local/lib/node_modules/@ionic/cli)
Ionic Framework : @ionic/vue 6.0.5

Capacitor:

Capacitor CLI : 3.4.0
@capacitor/android : not installed
@capacitor/core : 3.4.0
@capacitor/ios : 3.4.0

Utility:

cordova-res : not installed globally
native-run : 1.5.0

System:

NodeJS : v16.1.0 (/usr/local/bin/node)
npm : 7.24.1
OS : macOS Big Sur

Additional Information

No response

[liamdebeasi]

Thanks! I can reproduce this behavior in iOS 15. This appears to be a bug in iOS, not Ionic.

The good news is this issue appears to be addressed in the iOS 15.4 beta. I will update this thread when that version of iOS has shipped.

[sean-perkins]

@liamdebeasi this appears to be a regression from this PR that I authored: #24606

When updating the native input's value, the cursor position is being reset. I have verified that reverting that change, resolves this issue. I'll update the classification of this bug and see if there's a straightforward way to maintain the cursor position.