Input Cursor Bugs When Scrolling

[ionitron-bot]

Original issue by @tsupol on 2017-09-27T08:52:55Z

Ionic version: (check one with "x")
(For Ionic 1.x issues, please use https://github.com/ionic-team/ionic-v1)
[ ] 2.x
[x] 3.x
[ ] 4.x

I'm submitting a ... (check one with "x")
[x] bug report
[ ] feature request

Current behavior:

The input cursor is out of place, freezing, jiggering and overlapping with header while scrolling.
See this video for the issue in action.

Expected behavior:

For the input cursor to behave normally.

Steps to reproduce:

Related code:
Here is the reproducible repo. This repo is just a sidemenu starting project with inputs copied form the Input's official doc

More Info:
The input cursor issue is also present in emulators as well.
Moreover, the IOS emulators(tried many) won't show keyboard again after closing it once but this keyboard issue is not present in the device.

Ionic info: (run ionic info from a terminal/cmd prompt and paste output below):

cli packages: (/Users/tonsu/.nvm/versions/node/v8.4.0/lib/node_modules)

    @ionic/cli-utils  : 1.12.0
    ionic (Ionic CLI) : 3.12.0

global packages:

    cordova (Cordova CLI) : 7.0.1

local packages:

    @ionic/app-scripts : 2.1.4
    Cordova Platforms  : android 6.2.3 ios 4.4.0
    Ionic Framework    : ionic-angular 3.6.1

System:

    Android SDK Tools : 26.0.2
    ios-deploy        : 1.9.2
    ios-sim           : 6.1.2
    Node              : v8.4.0
    npm               : 5.3.0
    OS                : macOS Sierra
    Xcode             : Xcode 9.0 Build version 9A235

Misc:

    backend : legacy

[telran]

Is there a solution for this? Or workaround?
I have found that this bug only occurs when the app is opened as an app, but not if you open it directly in the browser.

[glennmilam]

Anyone found a solution or workaround for this one yet?

[atreashish]

Is this issue resolved with ionic 4 version ?

[kensodemann]

The sample application is not using cordova-plugin-ionic-webview, which means that the application is using UIWebview on iOS and not WKWebview. UIWebview has plenty of bugs, and this is just one of many.

UIWebview has been deprecated by Apple and should no longer be used (it has been in that state for quite a while, actually). Please make sure you have cordova-plugin-ionic-webview installed for your app. If you do have that installed and are still seeing this, can you please post a sample app that demonstrates this issue and uses cordova-plugin-ionic-webview?

[manojcena]

@kensodemann We are also suffering with same problem and in our application ionic default using WKWebView only. As i gone through so many links it says its a bug in WKWebView.

[kensodemann]

Can you provide a sample application please? It will help in tracking it down.

[glennmilam]

One of the guys on our team narrowed it down to our User Agent setting. We had set it to something customers could filter on. Once we changed it to append the filter value to the actual user agent, our problem cleared up.

[manojcena]

@glennmilam Can you please explain what is the user agent settings i am unable to find the details.

[glennmilam]

@manojcena This is a page on the config.xml file. Search for "OverrideUserAgent" and "AppendUserAgent".

https://cordova.apache.org/docs/en/latest/config_ref/

[sergiomasellis]

@glennmilam what values on these configs help fix the cursor?

[joelebeau1]

@glennmilam I'm also interested in what values you set for OverrideUserAgent and/or AppendUserAgent to fix the scrolling cursor issue