RobusXLR commented 5 years ago

Bug Report

Ionic version: 4.0.0-rc0

Current behavior: If StatusBar is hidden then the application content will not resize when the keyboard is shown. This leads to input elements being covered by the keyboard.

This issue affects Android. Not tested on iOS or Windows.

Expected behavior: Application area to resize to account for keyboard.

Steps to reproduce:

Create a new blank project.
```
ionic start test blank --type=angular
```

Fill home page content with inputs.


<ion-header>
<ion-toolbar>
    <ion-title>
        Ionic Blank
    </ion-title>
</ion-toolbar>
</ion-header>

Input 1

Input 2

Input 3

Input 4

Input 5

Input 6

Input 7

Input 8


3. In AppComponent, hide the StatusBar

export class AppComponent {

constructor(
    private platform: Platform,
    private splashScreen: SplashScreen,
    private statusBar: StatusBar,
) {
    this.initializeApp();
}

initializeApp() {
    this.platform.ready().then(() => {
        this.statusBar.styleDefault();
        this.statusBar.hide();            // This line causes the problem.
        this.splashScreen.hide();
    });
}

}

4. Run on Android device. Click on an ion-input. Keyboard will cover some inputs. Inputs cannot be scrolled into view.

**Ionic info:**

Ionic:

ionic (Ionic CLI) : 4.5.0 (C:\Users\Robert.gill\AppData\Roaming\npm\node_modules\ionic) Ionic Framework : @ionic/angular 4.0.0-rc.0 @angular-devkit/build-angular : 0.11.4 @angular-devkit/schematics : 7.1.4 @angular/cli : 7.1.4 @ionic/angular-toolkit : 1.2.2

Cordova:

cordova (Cordova CLI) : 8.1.2 (cordova-lib@8.1.1) Cordova Platforms : android 7.1.4 Cordova Plugins : cordova-plugin-ionic-keyboard 2.1.3, cordova-plugin-ionic-webview 2.3.1, (and 8 other plugins)

System:

Android SDK Tools : 26.1.1 (C:\Users\Robert.gill\AppData\Local\Android\Sdk) NodeJS : v8.11.3 (C:\Program Files\nodejs\node.exe) npm : 6.1.0 OS : Windows 10