angularangular-google-mapsagm

agm-snazzy-info-window displays at random positions

I'm working with

"@agm/core": "^1.0.0-beta.7",
"@agm/snazzy-info-window": "^3.0.0-beta.0",
"agm-direction": "^0.8.6",
"snazzy-info-window": "^1.1.1"

And I'm trying to display agm-snazzy-info-window, on marker click.

my stackblitz project

But it's acting weird. The info-window isn't displaying above the marker.

problem.gif

Solution

  • Workaround until this issue is fixed

    Add this to your stylesheet as style.css

    @import '../node_modules/snazzy-info-window/dist/snazzy-info-window.css';