Keyboard Closing leaves white background after closing


#1

Having this issue whenever a keyboard closes it leaves a white background the size of the keyboard for a split second before the view re sizes back to normal.

Happening in Android.

Have seen many similar threads but no fix I could see that works.

In my AndroidManifest.xml I have left default settings

android:windowSoftInputMode="adjustResize"

Full screen mode is set to False

<preference name="Fullscreen" value="false" />

My App.js has the usual default settings

  $ionicPlatform.ready(function() {
    // Hide the accessory bar by default (remove this to show the accessory bar above the keyboard
    // for form inputs)
    if (window.cordova && window.cordova.plugins && window.cordova.plugins.Keyboard) {
      cordova.plugins.Keyboard.hideKeyboardAccessoryBar(true);
      cordova.plugins.Keyboard.disableScroll(true);

    }
    if (window.StatusBar) {
      // org.apache.cordova.statusbar required
      StatusBar.styleDefault();
    }
  });

Ionic Keyboard plugin has been added to my config as well

<feature name="Keyboard">
    <param name="ios-package" onload="true" value="IonicKeyboard" />
    <param name="android-package" value="IonicKeyboard" onload="true" />
</feature>

My Page does use Tabs Footer, which jumps above the keyboard when typing but I have tried a few hacks here as well and I still get the white background problem with keyboard.

<ion-tabs class="tabs-icon-top tabs-stable" >
    <ion-tab title="Home" icon="ion-home" ui-sref="home.search">
      <ion-nav-view name="home-search"></ion-nav-view>
    </ion-tab>

    <ion-tab title="Map" icon="ion-map" ui-sref="home.map({action: 'map'})">
        <ion-nav-view name="home-map"></ion-nav-view>
    </ion-tab>

    <ion-tab title="Favourites" icon="ion-ios-star" ui-sref="home.favourites">
        <ion-nav-view name="home-favourites"></ion-nav-view>
    </ion-tab>
</ion-tabs>

Issue seems to be when I type in the input box and keyboard comes up it “resized” the content in view. And when the keyboard disappears it needs time to put the view back to normal and then have this nasty white background jump affect.

Using the latest Ionic

Anybody got any ideas ?


#2

Did you create this project using the following command?
ionic start myprojectname tabs

Not sure if this has anything to do with your issue but I can’t help but notice that you have some unusual code that I haven’t seen in Ionic before. Which is the ui-sref attribute in your ion-tab element. I also don’t recall seeing this code anywhere in my apps:

<feature name="Keyboard">
    <param name="ios-package" onload="true" value="IonicKeyboard" />
    <param name="android-package" value="IonicKeyboard" onload="true" />
</feature>

Try creating a fresh Ionic project and put your code in there. If that doesn’t work can you post a code snippet of where your input is?


#3

ui-sref is just for passing state name rather than href pretty standard.

I tried adding/removing

<param name="android-package" value="IonicKeyboard" onload="true" />

Just to see if a made difference with the Ionic Plugin being properly loaded, didnt make any difference.


#4

I’m having the same issues on iOS (not tested on Android yet) and I have a video to show the issue.

I’m using the ionic-plugin-keyboard 2.0.1, and the CLI is v1.7.14

When I open the keyboard for an item input, it brings up the keyboard and if I press ‘Done’ it works properly. If I press on a button on the page instead, the keyboard does close, but leaves a white background. Here is a video: https://youtu.be/H2gr64n_MUM

-=Steve


#5

Hi guys,

It seems related to https://github.com/driftyco/ionic/issues/4849

And it seems that nobody in the team really cares about it :frowning:


#6