bug: ion-alert is partially hidden by the keyboard (iOS)

[robingenz]

Bug Report

Ionic version:

[x] 4.x

Current behavior:
iOS: ion-alert is partially hidden by the keyboard.

Expected behavior:
iOS: ion-alert should be centered vertically after opening the keyboard (like in Android).

On Android it looks like this:

Steps to reproduce:

1. Add ion-alert with inputs
2. Run the app on iOS and open the keyboard by focusing on the input field of the ion-alert.

Other information:

Ionic info:

$ ionic info
Ionic:

   Ionic CLI                     : 5.4.1
   Ionic Framework               : @ionic/angular 4.10.0
   @angular-devkit/build-angular : 0.803.6
   @angular-devkit/schematics    : 8.3.6
   @angular/cli                  : 8.3.6
   @ionic/angular-toolkit        : 2.0.0

Cordova:

   Cordova CLI       : 9.0.0 ([email protected])
   Cordova Platforms : ios 4.5.4
   Cordova Plugins   : cordova-plugin-ionic-keyboard 2.1.3, cordova-plugin-ionic-webview 4.1.1, (and 22 other plugins)

Utility:

   cordova-res : 0.6.0 
   native-run  : 0.2.8 

System:

   ios-deploy : 1.9.4
   NodeJS     : v10.15.3 (/usr/local/bin/node)
   npm        : 6.4.1
   OS         : macOS Mojave
   Xcode      : Xcode 11.0 Build version 11A420a

[robingenz]

Temporary workaround:

.sc-ion-alert-ios-h {
    position: absolute;
}

[somq]

Same bug on Android

[robingenz]

Fixed with #22425

[ionitron-bot]

Thanks for the issue! This issue is being locked to prevent comments that are not relevant to the original issue. If this is still an issue with the latest version of Ionic, please create a new issue and ensure the template is fully filled out.