iOS input cursor bugs

[tuna1207]

iOS has a bug where a focused text box will the input caret through any layers on top of it.

Here i have my forms input and when i scroll , the cursor will still blinking through my header.
(iOS only)
Please have a look over this , thank you :) .

My ionic info :

Cordova CLI: 6.3.0
Gulp version: CLI version 3.9.1
Gulp local: Local version 3.9.1
Ionic Framework Version: 2.0.0-beta.11
Ionic CLI Version: 2.1.0
Ionic App Lib Version: 2.1.0-beta.1
ios-deploy version: Not installed
ios-sim version: 5.0.8
OS: Mac OS X El Capitan
Node Version: v6.3.1
Xcode version: Xcode 8.0 Build version 8A218a

[jdiaz5513]

This is a WebKit bug. There's a hideous hack out there that the ionic framework uses that creates an invisible clone of the focused input to work around it... maybe someone from the ionic team can pitch in?

[justAsascha]

+1

[krislm]

+1

[elji23]

Hello guys, do you have any fix for this bug ?
I have a similar issue on IOS ... when my first input is autofocused, on scroll the first time the input carret disappear and reappear smoothly, but if I try to scroll again or if I focus an other input, the carret stay fixed on scrolling and take few milliseconds to disapear and return inside the focused element !!
Do you have any clue? I know it's a know issue on IOS, I already try the blur/focus and the auto/touch overflow-scrolling solution but they are not a good enought.
The first one, hide and show the keyboard and the other one block the sroll on focus ^^
Thanks

[Moghul]

+1, I have a similar bug with the keyboard.

On focus (tap), I scroll the page up to put the field into view. The cursor doesn't move with the field until I either scroll manually or start typing.

Cordova 6.5.0 (not updateable because we lose support for some Android versions)
iOS 11.1.2 (latest at this time)
Plugin version 2.2.1

[mseddon]

This bug is tracked in WebKit here, apparently fixed a few days ago, so hopefully will be rolled out in the next iOS update.