Input field is hidden behind the keyboard

#1

I am using ionic 3 with angular 5, though i am facing this issue since ionic v2
When I tap on an input field which is near the bottom of the screen.
The keyboard opens up.
But the content does not scroll up, due to which the input is hidden behind the keyboard.

This issue is produced when your inputs are deep into your UI.
If the same is placed just under ion-content they work fine.

Do we have a clear solution to this problem?

@ionic/cli-utils  : 1.19.0
ionic (Ionic CLI) : 3.19.0

global packages:

cordova (Cordova CLI) : 7.1.0 

local packages:

@ionic/app-scripts : 3.1.7
Cordova Platforms  : android 6.3.0
Ionic Framework    : ionic-angular 3.9.2

System:

ios-deploy : 1.9.2 
Node       : v6.11.2
npm        : 3.10.10 
OS         : macOS High Sierra
Xcode      : Xcode 9.1 Build version 9B55

app.module.js

IonicModule.forRoot(MeedApp,{
preloadModules: true,
scrollAssist: true,
scrollPadding: false,
autoFocusAssist: true,

#2

I am also facing the same problem.

Do you get any fix? Anyone else can help please?

#3

I had similar issue in Android.
My fix was to do this in config.xml

 <platform name="android">
        <edit-config file="AndroidManifest.xml" target="/manifest/application/activity[@android:name='MainActivity']" mode="merge">
            <activity android:windowSoftInputMode="adjustPan" />
        </edit-config>
......
#4

the problem with the solution is that if you have a input box in the footer then when the keyboard appears it’s hidden behind it so when user types something through the keyboard they can’t see what they are typing… something like this https://drive.google.com/open?id=18Ftjc4xrh7IQiqx068wAOwJtxGFZEUms