bug: Modal backdrop click prevented by .modal-shadow element (mode: 'ios')

Bug Report

Ionic version: [x] 5.x

Current behavior: When using a modal with mode: 'ios', the .modal-shadow element prevents clicking the backdrop to dismiss the modal

Expected behavior: The backdrop should be clickable to dismiss the modal.

Demo code: https://stackblitz.com/edit/ionic-4-angular-8-start-template-ejcn8f

Ionic info:

Ionic:

   Ionic CLI                     : 6.9.3 (/usr/local/lib/node_modules/@ionic/cli)
   Ionic Framework               : @ionic/angular 5.1.1
   @angular-devkit/build-angular : 0.803.26
   @angular-devkit/schematics    : 9.0.7
   @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, ios 5.1.1
   Cordova Plugins   : cordova-plugin-ionic-keyboard 2.2.0, cordova-plugin-ionic-webview 5.0.0, (and 23 other plugins)

Utility:

   cordova-res                          : not installed
   native-run (update available: 1.0.0) : 0.2.3

System:

   ios-sim : 8.0.2
   NodeJS  : v12.16.0 (/usr/local/Cellar/node@12/12.16.0/bin/node)
   npm     : 6.14.5
   OS      : macOS Catalina
   Xcode   : Xcode 11.5 Build version 11E608c

[liamdebeasi]

Thanks for the issue. I am going to close this as this is not a bug in Ionic Framework.

To get this to work, you can add the following to your global CSS:

ion-modal .modal-shadow {
  pointer-events: none;
}

[ionitron-bot[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.