vue-leaflet/Vue2Leaflet

@stop and @prevent not working on CircleMarker

Open

#548 opened on 2020年2月19日

GitHub で見る
 (2 comments) (0 reactions) (0 assignees)JavaScript (1,942 stars) (380 forks)batch import
bugconfirmedhelp wanted

説明

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

コントリビューターガイド

技術スタック
javascriptvue
領域
frontend
Issue 種別
bug
難度新しい貢献者にとっての実装難度です。1 は非常に小さな変更、5 は専門的な作業です。
3
推定時間経験ある貢献者が調査、実装、テスト、pull request 準備にかけるおおよその時間範囲です。
1-3 hours
活動状況Issue が今どれだけ取り組みやすいかを示します。新しい、活発、古い、ブロック中、またはメンテナー入力待ちなどです。
stale
明確さ期待される変更、受け入れ条件、次の手順がどれだけ明確かを示します。
clear
前提条件
Vue event modifiersLeaflet event handling
初心者向け度初回貢献者にどれだけ取り組みやすいかを 1-100 で推定したスコアです。
50
調査方針
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.