Android White Background when keyboard fades away

Question

Video of the problem from a different user but its the same

http://imgur.com/ca2cNZv

I have a background image set as follows :

  .pane {
  backg         


        

Answer 1

Open your platform -> app ->src ->AndroidManifest.xml

Edit

android:windowSoftInputMode="adjustResize"

To

android:windowSoftInputMode="adjustNothing"

Answer 2

Add the following code in your 'App.js'. add

$window.addEventListener('native.keyboardhide', function (event) {
    $rootScope.$broadcast('native.keyboardhide', event);
});

when app.run() method call with $window and $rootScope dependency. also, add

    if (window.cordova && window.cordova.plugins && window.cordova.plugins.Keyboard) {
        cordova.plugins.Keyboard.hideKeyboardAccessoryBar(true);
        cordova.plugins.Keyboard.disableScroll(true);
    }

in $ionicPlatform.ready().

please ensure that your code is updated by inspecting your app. If it's not updated then try to remove and add platform and rebuild your app.

Answer 3

Put:

<style name="AppTheme" parent="AppBaseTheme">
     <item name="android:windowBackground">@drawable/gradient</item>
</style>

In styles.xml source

Answer 4

In AndroidManifest.xml file try to set windowSoftInputMode attribute to adjustNothing:

android:windowSoftInputMode="adjustNothing"

It worked for my Ionic project, avoiding the resize of Cordova webview when soft keyboard is on.

Answer 5

That is your windowBackground peeking through. You are probably drawing over the white background of your Theme with that teal background. Modify your theme to include a better background color and remove the background from your layout if possible to improve drawing performance.

<style name="MyAppTheme" parent="Theme.DeviceDefault.NoActionBar">
  ...
  <item name="android:windowBackground">#ff000000</item>
  ...
</style>

Answer 6

Hey there is a simple workaround for this

you need to add overflow-scroll="false" to your ion-content this should fix it

<ion-content class="padding has-header has-footer" overflow-scroll="false">

related topic Ionicforum