Ionic keyboard pushing content upward

Actually am trying to implement an searchbar in my app but the problem is here whenever keyboard is opened the searchbar getting hidden in statusbar here is my code

<ion-header>
  <ion-toolbar color="primary">
    <ion-buttons slot="start">
      <ion-menu-button autoHide="false"></ion-menu-button>
    </ion-buttons>
    <ion-title >
      Video App Demo
    </ion-title>
    <ion-searchbar *ngIf="openSearchBar" placeholder="search here" ></ion-searchbar>
    <ion-buttons slot="end" >
      <ion-button >
        <ion-icon slot="icon-only" name="search-outline"></ion-icon>
      </ion-button>
    </ion-buttons>
</ion-toolbar>
</ion-header>
<ion-content>
</ion-content>

enter image description here

When i click to search icon then the keyboard is opened then the content is move updward enter image description here

here you can see that i tried everthing but getting failed

.input-cover {
  position: static;
}

this also not working

Ionic:

   Ionic CLI                     : 5.4.16 (C:\Users\Himanshu Rahi\AppData\Roaming\npm\node_modules\ionic)
   Ionic Framework               : @ionic/angular 5.0.5
   @angular-devkit/build-angular : 0.803.25
   @angular-devkit/schematics    : 8.3.25
   @angular/cli                  : 8.3.25
   @ionic/angular-toolkit        : 2.2.0

Cordova:

   Cordova CLI       : 9.0.0 (cordova-lib@9.0.1)
   Cordova Platforms : android 8.1.0
   Cordova Plugins   : cordova-plugin-ionic-keyboard 2.2.0, cordova-plugin-ionic-webview 4.1.3, (and 6 other plugins)

Utility:

   cordova-res : not installed
   native-run  : 0.3.0

System:

   Android SDK Tools : 26.1.1 (C:\Users\Himanshu Rahi\AppData\Local\Android\Sdk)
   NodeJS            : v10.15.3 (C:\Program Files\nodejs\node.exe)
   npm               : 6.4.1
   OS                : Windows 10