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 (380 forks)batch import
bugconfirmedhelp wanted

Repository metrics

Stars
 (1,942 stars)
PR merge metrics
 (30d に merged PR はありません)

説明

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

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

調査方針
Vue2LeafletのCircleMarkerコンポーネントでVueイベント修飾子（@click.stop、@click.prevent）がどのように処理されるかを調査します。イベント伝播パスをトレースして、なぜネイティブのLeafletイベントが停止されないのかを特定します。
技術スタック
javascriptvue
領域
frontend
Issue 種別
バグ
難度新しい貢献者にとっての実装難度です。1 は非常に小さな変更、5 は専門的な作業です。
2
推定時間経験ある貢献者が調査、実装、テスト、pull request 準備にかけるおおよその時間範囲です。
1-3時間
活動状況Issue が今どれだけ取り組みやすいかを示します。新しい、活発、古い、ブロック中、またはメンテナー入力待ちなどです。
アクティブ
明確さ期待される変更、受け入れ条件、次の手順がどれだけ明確かを示します。
おおむね明確
前提条件
VueLeaflet
初心者向け度初回貢献者にどれだけ取り組みやすいかを 1-100 で推定したスコアです。
60