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

[Bug] AdvancedMarker onDragEnd event triggers Map's onClick event

Aperta
#421 4 commenti 1 reazione 0 assegnatari Vedi su GitHub

I maintainer di solito rispondono entro 2 giorni

Nessuno ha ancora preso questa issue.

Valutazione

Difficoltà
3/5
Tempo stimato
1-2 giorni
Idoneità per principianti
52/100
Tipo di issue
Bug
Chiarezza
Abbastanza chiara
Stato di attività
Tranquilla
Stack tecnologico
react, typescript
Ambito
frontend

Direzione di ricerca

Riproduci il comportamento utilizzando il CodeSandbox collegato, iniziando da src/app.tsx e dai gestori degli eventi AdvancedMarker e Map mostrati lì. Traccia il percorso del trascinamento fino a onDragEnd e Map onClick, quindi verifica che il trascinamento del marker non attivi più il callback del clic sulla mappa, mentre i normali clic sulla mappa continuano a farlo.

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

Descrizione

bug
Description

I have a Map instance with an onClick that sets the position of a marker to the latLng of the clicked position.

This marker is draggable, and onDragEnd shows an InfoWindow with the new position. The problem is that when onDragEnd ends the Map's onClick event fires. Both onClick and onDragEnd sets the position, but since they have a small difference this leads to the marker to jump to a close (but not exactly intended) position.

I expected the onClick event to not fire when AdvancedMarker onDragEnd fires.

Steps to Reproduce

Code SandBox:
SandBox

Steps:

  1. Open console
  2. Click on map to relocate marker
  3. Drag marker, pay attention to console.
  4. Drag map.
  5. Drag marker again, pay attention to console
Environment
  • Library version: @vis.gl/[email protected]
  • Google maps version: weekly
  • Browser and Version: 127.0
  • OS: Windows 11
Logs

No response

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

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.