bug(5.2.0): must not manipulate the layer below ion-alert modal.

Bug Report

Ionic version:

[ ] 4.x [x] 5.2.0

Current behavior: AlertController.create() on iOS can manipulate the layer below the alert modal.

Expected behavior: must not control the layer below the alert modal.

Steps to reproduce:

Related code:

A sample application: https://naughty-saha-7ce12f.netlify.app/

↑Please emulate ios.

This source code: https://github.com/rdlabo/ion-alert-pointer/blob/master/src/app/home/home.page.ts

I didn’t do anything special.

Other information:

This caused:

• https://github.com/ionic-team/ionic/pull/21060
• https://github.com/ionic-team/ionic/blob/master/core/src/components/alert/alert.ios.scss#L22-L24

Ionic info:

Ionic:

   Ionic CLI                     : 6.9.1 (/Users/sakakibara/dev/ionic-cli/packages/@ionic/cli)
   Ionic Framework               : @ionic/angular 5.2.0
   @angular-devkit/build-angular : 0.901.8
   @angular-devkit/schematics    : 9.1.8
   @angular/cli                  : 9.1.8
   @ionic/angular-toolkit        : 2.2.0

Utility:

   cordova-res (update available: 0.14.0) : 0.11.0
   native-run                             : not installed

System:

   NodeJS : v12.16.2 (/usr/local/bin/node)
   npm    : 6.14.4
   OS     : macOS Catalina

[rdlabo]

We can avoid this.

.alert-button .alert-button-inner {
  pointer-events: auto !important;
}

[liamdebeasi]

Closing as a duplicate of https://github.com/ionic-team/ionic/issues/21503.