Quantcast
Channel: Ionic Forum - Latest topics
Viewing all articles
Browse latest Browse all 70612

Keyboard Closing leaves white background after closing

$
0
0

@stevenfitzpatrick wrote:

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 ?

Posts: 2

Participants: 2

Read full topic


Viewing all articles
Browse latest Browse all 70612

Trending Articles



<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>