You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
I've looked at the documentation to make sure the behavior isn't documented and expected.
I'm sure this is an issue with Leaflet, not with my app or other dependencies (Angular, Cordova, React, etc.).
I've searched through the current issues to make sure this hasn't been reported yet.
I agree to follow the Code of Conduct that this project adheres to.
Steps to reproduce
No response
Expected behavior
In my map there are sprinklers and when I hover them there supposed be a popup and circle.
Sprinklers are drawn as circle markers.
Current behavior
When I hover a sprinkler, mouseover and mouseout event are switching continuously and the popup and circle are blinking.
But when browser is focused out and I just hover on the marker it works really well.
letmarker=L.circleMarker(coordinates,customMarkerStyle);marker.addTo(map);// Create HTML content for the popup.constpopupContent=get_popup_content(properties.SprnklrID,properties.moisture,properties.uniformity,properties.measurements,properties.throw_radius)// Create a sprinkler popup for details.letsprinkler_popup=L.popup().setLatLng(coordinates).setContent(popupContent);marker.bindPopup(sprinkler_popup);// Draw circle around the markerletcircle=undefined;marker.on('mouseover',function(e){map.getContainer().style.cursor='pointer';marker.openPopup();// Create a circle and specify its options (e.g., color, opacity, etc.)if(circle)circle.remove();circle=L.circle(coordinates,{color: '#fff',// Stroke colorfillColor: '#fff',// Fill colorfillOpacity: 0.2,// Fill opacity (0 to 1)radius: parseFloat(properties.throw_radius)*0.3048// Radius of the circle in meters}).addTo(map);});marker.on('mouseout',function(e){map.getContainer().style.cursor='grab';marker.closePopup();if(circle)circle.remove();})
Minimal example reproducing the issue
No response
Environment
Leaflet version: 1.5.1
Browser (with version): 124.0
OS/Platform (with version): Windows 10
The text was updated successfully, but these errors were encountered:
Checklist
Steps to reproduce
No response
Expected behavior
In my map there are sprinklers and when I hover them there supposed be a popup and circle.
Sprinklers are drawn as circle markers.
Current behavior
When I hover a sprinkler, mouseover and mouseout event are switching continuously and the popup and circle are blinking.
But when browser is focused out and I just hover on the marker it works really well.
Minimal example reproducing the issue
No response
Environment
The text was updated successfully, but these errors were encountered: