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

[hoi4]

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

[roman-rr]

@hoi4
Ion-modal component should be used with full height to prevent any further issues.

If you need half screen modal check it

[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;
}

[hoi4]

Only out of interest: Why was this behaviour changed? I upgraded from version 5.0.1 to 5.1.1 and before the upgrade, this css was not necessary. 🤔

[liamdebeasi]

The .modal-shadow is a new div we added to better support the card-style modal.

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