Skip to content

ionic 5: Modal Background with Google Maps Classes #20469

@EinfachHans

Description

@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:

Bildschirmfoto 2020-02-13 um 15 36 43

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 (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 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

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Projects

    No projects

    Milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions