KeyboardResize => false not working on Android

[yigitbacakoglu]

I added <preference name="KeyboardResize" value="false" /> into my config.xml and it works well with IOS but not works with Android-24

As I see, it adds padding-bottom to the scroll-content class.

AVD Details

Name: Nexus_5X_API_24
Device: Nexus 5X (Google)
  Path: /Users/usr/.android/avd/Nexus_5X_API_24.avd
Target: Google Play (Google Inc.)
        Based on: Android 7.0 (Nougat) Tag/ABI: google_apis_playstore/x86
  Skin: nexus_5x
Sdcard: 100M

cli packages: (/usr/local/lib/node_modules)

@ionic/cli-utils  : 1.19.2
ionic (Ionic CLI) : 3.20.0

global packages:

cordova (Cordova CLI) : 8.0.0 

local packages:

@ionic/app-scripts : 3.1.8
Cordova Platforms  : android 7.0.0 browser 5.0.3 ios 4.5.4
Ionic Framework    : ionic-angular 3.9.2

System:

Node  : v9.5.0
npm   : 5.6.0 
OS    : macOS Sierra
Xcode : Xcode 9.2 Build version 9C40b 

Environment Variables:

ANDROID_HOME : not set

Misc:

backend : pro

[olivermuc]

Outside of the event handling and passing back the keyboard height, Android is defacto not supported in the way iOS is by this plugin.

Dear devs, it would have helped (me as well) to point out that KeyboardResize and KeyboardResizeMode are iOS only relevant.

It would also tremendously help to document a generic (cross platform) keyboard popup/content space handling approach for Ionic v2+ & WKWebView.

At this point what I have gathered, is that you need to essentially turn of any plugin based screen resizing (as it's not cross platform) and instead implement app logic to listen to keyboard events and modify bottom-padding (to push up content) of the screen thats overlayed by the keyboard.

Other observations:
For iOS, KeyboardResizeMode = native doesn't seem to change the view height, but adding a new height to the html tag.

For Android (& cordova v6.4+) you can add to config.xml:

 <platform name="android">
        <edit-config file="AndroidManifest.xml" mode="merge" target="/manifest/application/activity">
            <activity android:windowSoftInputMode="adjustPan" />
        </edit-config>

"adjustPan" will put the keyboard onto of your content, "adjustResize" will shrink the view (the real view, not just the html element).

[thsbrown]

@olivermuc I went ahead and tried to implement what you said for Android and couldn't get it to work. Any chance I could be doing something wrong? I kept getting android unbound error.

After doing some additional research it looked like that tag only applies to plugin.xml for cordova. See here.

Thanks in advance!

Edit.

I take that back, i'm also seeing those docs here. Wonder what's going on.

[olivermuc]

Make sure to add the android name space to the widget tag, top of config.xml.
See here

[thsbrown]

@olivermuc just writing up a response figuring that out :) Thanks so much for the help!

[zfalen]

I also am experiencing an Android-only situation.

It looks like the 'keyboardDidShow' and 'keyboardWillHide' (and presumably the other two) are not firing when the Android keyboard is active or leaving.

I've got the "adjustPan" fix working, but I need to be able to scroll while the keyboard is open to access an element lower down. On iOS, I was able to use the two events above to add / remove CSS that leverages the 'keyboardHeight' value to do this. However, I'm getting no luck on the Android emulator.

Device: Pixel 2
Android Version: 8.1.0

EDIT:
Strangely enough, it's working now. Running in the emulator with the -L flag prevents it from working.

[mlynch]

Should be fixed in 2.1.2 that was just published

[viking2917]

@olivermuc genius tip, thank you! @mlynch I am using keyboard 2.1.3 and I still see the behavior that the Android keyboard is resizing things, I can't confirm it's fixed. It's on a quite complicated app however so not simple to reproduce; that said, @olivermuc 's workaround did correct the resizing...

[mlynch]

Thanks for the info, will re-open for now

[BluebambooSRL]

Hi there! Any update about this issue? I just implemented the plugin and does is not work in Android (iOS, yes). thks.

[alex-steinberg]

Outside of the event handling and passing back the keyboard height, Android is defacto not supported in the way iOS is by this plugin.

Dear devs, it would have helped (me as well) to point out that KeyboardResize and KeyboardResizeMode are iOS only relevant.

It would also tremendously help to document a generic (cross platform) keyboard popup/content space handling approach for Ionic v2+ & WKWebView.

At this point what I have gathered, is that you need to essentially turn of any plugin based screen resizing (as it's not cross platform) and instead implement app logic to listen to keyboard events and modify bottom-padding (to push up content) of the screen thats overlayed by the keyboard.

Other observations:
For iOS, KeyboardResizeMode = native doesn't seem to change the view height, but adding a new height to the html tag.

For Android (& cordova v6.4+) you can add to config.xml:

 <platform name="android">
        <edit-config file="AndroidManifest.xml" mode="merge" target="/manifest/application/activity">
            <activity android:windowSoftInputMode="adjustPan" />
        </edit-config>

"adjustPan" will put the keyboard onto of your content, "adjustResize" will shrink the view (the real view, not just the html element).

This works well when adding the platform @olivermuc but, on each subsequent prepare, it removes key plugin intent-filter tags which are children of the <activity android:name="MainActivity" ...></activity> tag. Any ideas?

[ayyazzafar]

@olivermuc Thank you so much. Only yours solution worked perfectly. I really appreciate.

[testappbk2000]

I think Ionic is waste of time ? Please reply ? They cannot provide simple plugin which work for android to keep the keyboard open.

[an-manish]

Outside of the event handling and passing back the keyboard height, Android is defacto not supported in the way iOS is by this plugin.

Dear devs, it would have helped (me as well) to point out that KeyboardResize and KeyboardResizeMode are iOS only relevant.

It would also tremendously help to document a generic (cross platform) keyboard popup/content space handling approach for Ionic v2+ & WKWebView.

At this point what I have gathered, is that you need to essentially turn of any plugin based screen resizing (as it's not cross platform) and instead implement app logic to listen to keyboard events and modify bottom-padding (to push up content) of the screen thats overlayed by the keyboard.

Other observations:
For iOS, KeyboardResizeMode = native doesn't seem to change the view height, but adding a new height to the html tag.

For Android (& cordova v6.4+) you can add to config.xml:

 <platform name="android">
        <edit-config file="AndroidManifest.xml" mode="merge" target="/manifest/application/activity">
            <activity android:windowSoftInputMode="adjustPan" />
        </edit-config>

"adjustPan" will put the keyboard onto of your content, "adjustResize" will shrink the view (the real view, not just the html element).

• I had solved this issue by modifying default behaviour as "adjustResize" to "adjustPan" and it was working great with ionic v3.
  But in ionic v4 when we use same method to modify AndroidManifest.xml it's not even allowing to scroll forms (Like everything freezed). Any guide please.