vue-leaflet/Vue2Leaflet

@stop and @prevent not working on CircleMarker

Open

Aperta il 19 feb 2020

Vedi su GitHub
 (2 commenti) (0 reazioni) (0 assegnatari)JavaScript (1942 star) (380 fork)batch import
bugconfirmedhelp wanted

Descrizione

Description

Can not stop propagation or prevent default on circle marker clicks. @click.stop and/or @click.prevent throw errors. Original event seems to be in an object called $event.originalEvent but calling preventDefault() and stopPropagation() doesn't have any effect on it.

Live Demo

https://jsfiddle.net/gulyamani/541bpcja/1/

Steps to Reproduce

Open console and click circle markers.

Expected Results

Only seeing 'marker click' on console.

Actual Results

Seeing both 'marker click' and 'map click'

Browsers Affected

  • Chrome
  • Firefox
  • Edge
  • Safari 9
  • Safari 8
  • IE 11

Versions

  • Leaflet: v1.6.0
  • Vue: v2.5.16
  • Vue2Leaflet: v2.2.1

Guida contributor

Tech stack
javascriptvue
Dominio
frontend
Tipo issue
bug
DifficoltàQuanto dovrebbe essere impegnativa per un nuovo contributor.
3
Tempo stimatoTempo stimato per completare e verificare uno scope piccolo.
1-3 hours
Stato attivitàQuanto è probabile che la issue sia ancora attiva e reviewable.
stale
ChiarezzaQuanto chiaramente la issue descrive problema, scope e risultato atteso.
clear
Prerequisiti
Vue event modifiersLeaflet event handling
Adatta ai principiantiQuanto la issue è adatta a contributor alla prima esperienza.
50
Direzione di ricerca
Investigate the CircleMarker component in Vue2Leaflet, likely in src/components/LCircleMarker.vue. Check how event listeners are bound; the issue suggests that @click.stop and @click.prevent do not work because the event is not being properly captured. Look for usage of L.circleMarker and event propagation handling. Perhaps the event is not passed correctly from Leaflet to Vue. Check if there is a mixin or base class handling events. Also review similar issues or PRs for event handling in Vue2Leaflet.