GeoJSON mouse events not triggered with preferCanvas=true

Description

The CircleMarker layer seems to block the LGeoJson mouse interactivity when preferCanvas: true.

Live Demo

I prepared the following code-sandbox reproducing the issue: https://codesandbox.io/s/leaflet-canvas-geojson-click-uy9ez Usage: The left map has preferCanvas: true, the right one has preferCanvas: false ; on the right map you can click on italian regions triggering the event and see the region name in the top-right; on the left map this does not work.

Steps to Reproduce

• create a map with the option preferCanvas: true
• add some circles using LCircleMarker
• add LGeoJson layer and set a mouse event (e.g. click) in the onEachFeature function using layer.on("eventname",fn).

Expected Results

The mouse event calls the callback

Actual Results

The mouse event won’t trigger (but it works fine with map option: preferCanvas: false)

Browsers Affected

Tested on:

• [x ] Chrome
• [x ] Firefox (but I guess all are affected)

Versions

• Leaflet: v1.6.0
• Vue: v2.6.11
• Vue2Leaflet: v2.5.2

Similar issue (closed) : https://github.com/vue-leaflet/Vue2Leaflet/issues/358

[cvakodobro]

any updates? I have same problem when using circle marker and polygon. If I render only polygons they are clickable, but when I add circle markers, there are no events for polygons.

[mrosminin]

i have the same bug - after adding layer with LCircleMarkers LGeoJSONLayer looses interactibvity, treated by creation own “LCircleMarker” through extending L.DivIcon.