Hacktoberfest 2026: le issue che i maintainer hanno segnato per ottobre, aperte e adatte ai principianti. Sfoglia le issue Hacktoberfest

InfoWindows are unable to overflow out of the GoogleMap component

Aperta
#744 3 commenti 0 reazioni 0 assegnatari Vedi su GitHub

I maintainer di solito rispondono entro 3 giorni

Nessuno ha ancora preso questa issue.

Valutazione

Difficoltà
4/5
Tempo stimato
3-5 giorni
Idoneità per principianti
35/100
Tipo di issue
Bug
Chiarezza
Da chiarire
Stato di attività
Ferma
Stack tecnologico
react, typescript
Ambito
frontend

Direzione di ricerca

Inizia con l’esempio advanced-marker-interaction collegato nel report e riproduci il ritaglio spostando un marker vicino al bordo della mappa prima di aprire il suo InfoWindow. Analizza il comportamento segnalato di overflow e z-index; il lavoro è completato quando l’InfoWindow rimane utilizzabile invece di essere parzialmente o completamente nascosto quando la mappa viene spostata o ingrandita.

Scritto dal modello di indicizzazione a partire dal testo della issue.

Descrizione

Description

When using the InfoWindow component, hovering over markers or advanced markers can leave the info window pop up to be partially cut off or all of the way hidden depending on the pan/zoom of the map. There is no way that I have found to custom style the markers or info window component to allow the info window to overflow/pop out of the GoolgleMap component. The z-index prop does not seem to effect his behavior either.

Steps to Reproduce

The easiest example to repro this on is https://visgl.github.io/react-google-maps/examples/advanced-marker-interaction.

  1. Load up an example with markers/advanced markers and an info window
  2. Pan the map around so that a marker is towards the very top of the map
  3. Click/hover the marker to make the info window popup
  4. Pan around the map to make the info window cutoff the screen/map

Image

Image

Environment
  • Library version: ~1.5.1
  • Google maps version: weekly
  • Browser and Version: Chrome Version 134.0.6998.178 (Official Build) (64-bit)
  • OS: Windows
Logs

Lingua principale
TypeScript
Stelle
1.9k
Fork
195
Merge medio
2g 18h
PR unite (30g)
15

Preparare l'ambiente

Come iniziare

  1. Leggi tutta la issue e poi la guida ai contributi del progetto.
  2. Commenta sulla issue per dire che te ne occupi tu — evita che due persone facciano lo stesso lavoro.
  3. Fai un fork del repository e lavora su un branch.
  4. Apri una pull request che faccia riferimento al numero della issue.

Altre issue di visgl/react-google-maps

Tutte le issue di visgl/react-google-maps

Issue simili

Altre issue su TypeScript

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.