title: Opening keyboard in Ionic 4 Android app moves the background image up
body: <p>I have tried two options in my AndroidManifest.xml</p>
  
  <p><code>android:windowSoftInputMode="adjustResize"</code> and <code>android:windowSoftInputMode="adjustPan"</code></p>
  
  <p>With adjust adjustResize it pushes up my background image so that it looks pretty rubbish.  It also allows this weird white section if you scroll down.  See the 2nd and 3rd image.</p>
  
  <p>If I use adjustPan it looks great and fixes the problem but on devices with lower resolution inputs are hidden by the keyboard and users can't get to them as scrolling is not possible.</p>
  
  <p><strong>Ideally I want the background image to act like adjustPan but the inputs/other content to act like adjustResize.</strong></p>
  
  <p>Also is it possible to change this setting dynamically e.g. depending on which page you are one?</p>
  
  <p><a href="https://i.stack.imgur.com/1tTOb.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/1tTOb.png" alt="Normal"></a></p>
  
  <p><a href="https://i.stack.imgur.com/mZF1G.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/mZF1G.png" alt="image moved up"></a></p>
  
  <p><a href="https://i.stack.imgur.com/iNASD.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/iNASD.jpg" alt="weird white on scroll down"></a></p>
  
  <p>Edit added code:</p>
  
  <pre><code>    &lt;ion-content no-bounce has-bouncing="false" forceOverscroll="false"&gt;
        &lt;div class="content"&gt;
          &lt;div&gt;
            &lt;ion-img src="./../../../assets/img/branding/logo.png"&gt;&lt;/ion-img&gt;
          &lt;/div&gt;
          &lt;form [formGroup]="loginForm" (ngSubmit)="onSubmit()" #formCtrl="ngForm"&gt;
            &lt;ion-grid&gt;
              &lt;ion-row class="row-padding-one"&gt;&lt;/ion-row&gt;
              &lt;ion-row&gt;
                &lt;ion-col size-sm="6" offset-sm="3" class="input-col"&gt;
                  &lt;ion-item class="custom-item" lines="none"&gt;
                    &lt;ion-input 
                      class="login-input"
                      type="text"
                      formControlName="email"
                      [formControl]="loginForm.controls['email']"
                      placeholder="E-Mail"
                      required&gt;
                    &lt;/ion-input&gt;
                    &lt;div *ngFor="let validation of loginValidationMessages.email"&gt;
                      &lt;div class="error-message"
                       *ngIf="loginForm.get('email').hasError(validation.type) &amp;&amp; loginForm.get('email').touched"&gt;
                        {{validation.message}}&lt;/div&gt;
                    &lt;/div&gt;
                  &lt;/ion-item&gt;
  ...
  
  
  .content {
    width: 100%;
    height: 100%;
    padding: 0;
    position: relative;
    background: url("./../../../assets/img/login-bg.jpg") no-repeat fixed center;
    background-size: cover !important;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: left;
  }
  </code></pre>