Page is not scrolling as the input receives focus using ionic

I am using ionic2 for developing a mobile app targeting mobile and I have three search fields in my screen. When the search field receives focus the page is not getting scrolled and the element is getting hidden behind the keyboard. This app is targeted for only android devices.

ionic version : 2.2.3
Cordova version : 6.5.0

Below is the code I am using for that page.

<!--
  Generated template for the CreateService page.

  See http://ionicframework.com/docs/v2/components/#navigation for more info on
  Ionic pages and navigation.
-->

<ion-header>
  <ion-navbar color="orange" class="serviceHeader" hideBackButton="true">
    <ion-icon class="icon_Logo" (click)="gotoHomePage();"></ion-icon>
    <ion-title class="lblTitle">{{'Create_a_new_service_request'|translate}}</ion-title>
    <ion-icon class="icon_User" (click)="makeCall()"></ion-icon>
  </ion-navbar>
</ion-header>


<ion-content style="background-color:white;">
  <form [formGroup]="BreakDownForm">
    <ion-label class="lblSelect">{{'selectVehicle'|translate}}</ion-label>
    <div>
      <ion-searchbar (click)="createsearchClick('vechicle')" (blur)="validNumber=true" (ionInput)="getItems($event)" minlength="3" maxlength="20" formControlName="vehicle_Number" [(ngModel)]="Reg_Number" style="width:100% !important;margin-top: 6px;"></ion-searchbar>
      <div class="listCSS" *ngIf="showVehicleData == true && items != ''">
        <ul style="text-align:left;">
          <li style="list-style-type:none;height:23px;" (click)="selectedRow(item)" *ngFor="let item of items">{{item.vehicle_Number}}</li>
        </ul>
      </div>
    </div>
  </form>
  <p style="text-align:center;color:red;" *ngIf="!BreakDownForm.controls.vehicle_Number.valid  && (BreakDownForm.controls.vehicle_Number.dirty || submitAttempt) && !not_reg &&  validNumber">{{'invalidVehicle_Number'|translate}}</p>
  <p style="text-align:center;color:red;" *ngIf="not_reg">{{'Vehicle_do_not_exit_in_list'|translate}}</p>
  <ion-label class="lblSelect">{{'selectDriver'|translate}}</ion-label>
  <ion-searchbar (click)="createsearchClick('driver')" (ionInput)="driverFilter($event)" placeholder="" [(ngModel)]="Driver_Number" class="txtDriver" style="width:100% !important;margin-top: 6px;"></ion-searchbar>
  <p style="text-align:center;color:red;margin-top:60px;margin-bottom:-60px;" *ngIf="drivers =='' ">{{'driver_does_not_exist'|translate}}</p>
  <div class="listCSS" *ngIf="showDriverData == true && drivers != ''">
    <ul style="text-align:left;">
      <li style="list-style-type:none;height:23px;" (click)="selectedDriver(driver)" *ngFor="let driver of drivers">{{driver.driver_Name}}</li>
    </ul>
  </div>
  <ion-label class="lblSelect" style=" margin-top: 80px; "> {{'select_Location'|translate}}</ion-label>
  <ion-list *ngIf="showList && autocompleteItems != ''">
    <ion-item *ngFor="let item of autocompleteItems" (click)="chooseItem(item)">
      {{ item }}
    </ion-item>
  </ion-list>
  <ion-searchbar id="googlePlaces" [(ngModel)]="searchLocation" (click)="createsearchClick('location')" (ionInput)="updateSearch($event)" placeholder="" class="txtDriver" style="width:90% !important;margin-top: 6px;"></ion-searchbar>
  <ion-icon class="icon_Location" (click)="getCurrentLocation(0)"></ion-icon>
  <div class="invalid_addrss" *ngIf="valid_address=='invalid'">{{'invalid_address'|translate}}</div>
</ion-content>
<ion-footer *ngIf="vehicle_Select && driver_Select && location_Select">
  <div style="width:100%;height:50px;">
    <button ion-button class="btnAdd" [disabled]="showList == true || not_reg || drivers =='' || valid_address=='invalid' " [style.background-color]="buttonColor" (click)="checkOrderExistence(0)">{{'btnBreakdown'|translate}} </button>
    <button *ngIf="(lang_code !== 'others')" ion-button color="deactiveColor" [disabled]="showList == true || not_reg || drivers =='' || valid_address=='invalid' " class="btnDone" (click)="checkOrderExistence(1)">{{'btnServices'|translate}}</button>
    <button *ngIf="(lang_code == 'others')" ion-button color="deactiveColor" [disabled]="showList == true || not_reg || drivers =='' || valid_address=='invalid' " class="btnDone" (click)="checkOrderExistence(1)">
      {{btn_Service}}<br><br>{{btn_Repair}}
    </button>
  </div>
</ion-footer>

Can anyone share a possible workaround ASAP. Thanks in advance.