Ionic-framework: ionic 5: Modal Background with Google Maps Classes

[EinfachHans]

Bug Report

Ionic version:


[x] 5.x

Current behavior:

In my Project this Modal "Background Color" (see Image from your Announcement Demo) is white:

I figured out why and it is because i have the Google Maps Plugin installed and this sets this:

background-image: none !important;
background: rgba(0,0,0,0) none !important;
background-color: rgba(0,0,0,0) !important;

This seems to be the Reason why it is white in my Case.

Expected behavior:

The Background should be black, even if i use the Google Maps Plugin.

Steps to reproduce:

Create a ionic v5 Project, use the Maps Plugin and create a Map. Than create a Modal (on another Page).

Other information:

Ionic info:

Ionic:

   Ionic CLI                     : 6.1.0 (/usr/local/lib/node_modules/@ionic/cli)
   Ionic Framework               : @ionic/angular 5.0.0
   @angular-devkit/build-angular : 0.803.25
   @angular-devkit/schematics    : 8.3.25
   @angular/cli                  : 8.3.25
   @ionic/angular-toolkit        : 2.1.2

Cordova:

   Cordova CLI       : 9.0.0 ([email protected])
   Cordova Platforms : android 8.1.0, ios 5.1.1
   Cordova Plugins   : cordova-plugin-ionic-keyboard 2.2.0, cordova-plugin-ionic-webview 4.1.3, (and 53 other plugins)

Utility:

   cordova-res (update available: 0.9.0) : 0.8.1
   native-run                            : 0.3.0

System:

   Android SDK Tools : 25.2.3 (/Users/hanskrywalsky/Library/Android/sdk)
   ios-deploy        : 1.10.0
   ios-sim           : 8.0.2
   NodeJS            : v10.16.3 (/usr/local/bin/node)
   npm               : 6.13.7
   OS                : macOS Catalina
   Xcode             : Xcode 11.3.1 Build version 11C504

[liamdebeasi]

Thanks for the issue. Can you try the following dev build and let me know if it resolves your issue?

npm i @ionic/[email protected]

[EinfachHans]

@liamdebeasi Yes, this Dev Build resolves it. Awesome! 🎉

[liamdebeasi]

Thanks for the issue. This has been resolved via https://github.com/ionic-team/ionic/pull/20470 and will be available in an upcoming release of Ionic Framework.

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