Input field is hidden behind the keyboard

Ionic Framework ionic-v3
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

1 Like
5

I am having the same problem, any solution yet?. inpout box on footer

6

Any Solution for IOS?

7

@achakra21 i dont know About ios but in android i would set margin for the div above footer so that when keyboard pops up it automatically pushes up the div cause of the margin and thats how i have resolved the issue till now but im no expert here,Hope im of some help