Ionic-framework: bug: ion-input's cursor jumps to the end after the first key in Safari when text is inserted

[maxtacco]

Bug Report

Ionic version:
[x] 4.6.x

Current behavior:
In Safari on Mac when trying to insert text in the middle ofion-input the cursor jumps to the end after the first keystroke.

Expected behavior:
The cursor should not jump to the end after the first keystroke when text is inserted in ion-input.

Steps to reproduce:
Open ion-input's demo at https://ionicframework.com/docs/api/input in Safari on Mac, type text into any of the form ion-inputs, then try to insert text in the middle.

Note:

• Seems to work in 4.5.0
• This bug also effects native iOS apps.
• Everything works fine in Chrome, Firefox.
• Textarea seems to work fine.

Other information:
Safari version: 12.1.1 (14607.2.6.1.1)
macOS Mojave version: 10.14.5 (18F132)

[maxtacco]

Not sure if this is 100% related but there is a similar issue open with Angular: https://github.com/angular/angular/issues/21782

[trevor10032]

Having the same critical issue. Please fix this

[eliseocastilla]

+1 We are experiencing this same issue

[MiguelSyll]

I have this problem but in IOS 12 in my app.

[murito]

I had this behavior too, i fixed it with @ionic/angular: "^4.7.4"

[ionitron-bot[bot]]

Thanks for the issue! This issue is being locked to prevent comments that are not relevant to the original issue. If this is still an issue with the latest version of Ionic, please create a new issue and ensure the template is fully filled out.