Skip to content

Google maps in Dark Mode - doesn't show Labels text when clicked #1142

@MInesGomes

Description

@MInesGomes

I'm submitting a ... (check one with "x")
[X] bug report

Current behavior:
Labels Texts are not visible when location clicked in google Map in Dark Mode.

Expected behavior:
Show labels when location clicked in Dark Mode

Steps to reproduce:
Go to google Maps in Dark Mode
And click on a location to see the label with the location name

Related code:
In Maps.ts

 mapData.forEach((markerData: any) => {
        const infoWindow = new googleMaps.InfoWindow({
          content: `<h5>${markerData.name}</h5>`
        });

Sugestion:
If I change this
<h5>${markerData.name}</h5>
to
<ion-item lines='none' ><h6> ${markerData.name}</h6></ion-item>

Works ... but Is not very nice the white border ...

Ionic info: (run ionic info from a terminal/cmd prompt and paste output below):

Ionic:

   Ionic CLI                     : 5.4.13 (/usr/local/lib/node_modules/ionic)
   Ionic Framework               : @ionic/angular 4.11.7
   @angular-devkit/build-angular : 0.803.22
   @angular-devkit/schematics    : 8.3.22
   @angular/cli                  : 8.3.22
   @ionic/angular-toolkit        : 2.1.1

Cordova:

   Cordova CLI       : 9.0.0 (cordova-lib@9.0.1)
   Cordova Platforms : browser 6.0.0
   Cordova Plugins   : cordova-plugin-ionic-keyboard 2.2.0, cordova-plugin-ionic-webview 4.1.3, (and 5 other plugins)

Utility:

   cordova-res : 0.8.1
   native-run  : 0.3.0

System:

   Android SDK Tools : 26.1.1 (/Users/mirg/Library/Android/sdk)
   ios-sim           : 8.0.2
   NodeJS            : v12.13.1 (/usr/local/Cellar/node@12/12.13.1/bin/node)
   npm               : 6.12.1
   OS                : macOS Catalina
   Xcode             : Xcode 11.3 Build version 11C29

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions