White background while turning the phone orientation

ionic-v1
1

Having this issue on Android when I change the orientation I get a white background flicker before the screen adjusts.

Here is my set up

  <preference name="webviewbounce" value="false"/>
  <preference name="UIWebViewBounce" value="false"/>
  <preference name="DisallowOverscroll" value="true"/>
  <preference name="android-minSdkVersion" value="16"/>
  <preference name="BackupWebStorage" value="none"/>
  <preference name="SplashScreen" value="screen"/>
  <preference name="SplashScreenDelay" value="4000"/>
  <preference name="FadeSplashScreen" value="false"/>
  <preference name="ShowSplashScreenSpinner" value="true"/>
  <preference name="KeyboardShrinksView" value="false" />
  <preference name="KeyboardShrinksView" value="false" />
  <preference name="Fullscreen" value="false" />

I do have a background image

 .pane {
  background:  url("../img/inner-banner-bg.jpg") repeat;
}

Here is my body

<body ng-app="App">
  <ion-side-menus enable-menu-with-back-views="false" ng-cloak="">
      <ion-side-menu-content>
          <ion-nav-bar class="bar-positive aa-blue">
              <ion-nav-title>
                <img class="header-title-image" src="img/logo.png">
              </ion-nav-title>
              <ion-nav-back-button class="button-clear">
                  <i class="ion-arrow-left-c"></i> Back
              </ion-nav-back-button>
              <ion-nav-buttons side="left">
                <button menu-toggle="left" class="button button-icon icon ion-navicon"></button>
              </ion-nav-buttons>
              <ion-nav-buttons side="right">
                <button class="button button-icon icon ion-ios-search-strong"></button>
              </ion-nav-buttons>
          </ion-nav-bar>
          <ion-nav-view animation="slide-left-right"></ion-nav-view>
      </ion-side-menu-content>

      <ion-side-menu side="left">
          <header class="bar bar-header bar-positive aa-blue title">
              <img class="title-image menu-header" src="img/address.png">
          </header>
          <ion-content class="has-header">
              <ion-list>
                  <ion-item ui-sref="home.search" menu-close="" class="item item-icon-left"><i class="icon ion-ios-home"></i>  Home</ion-item>
                  <ion-item ui-sref="terms" menu-close="" class="item item-icon-left"><i class="icon ion-clipboard"></i>  T &amp; C&apos;s</ion-item>
                  <ion-item ui-sref="about" menu-close="" class="item item-icon-left"><i class="icon ion-information-circled"></i>  About Us</ion-item>
              </ion-list>
          </ion-content>
      </ion-side-menu>
  </ion-side-menus>
  </body>

So any time I turn my phone and screen adjusts I have a white div for like 1/3 of the screen for like 0.5 before the background adjusts.

Anyway to fix this ?

1 Like