angular-ui / ui-leaflet

AngularJS directive to embed an interact with maps managed by Leaflet library
http://angular-ui.github.io/ui-leaflet
Other
315 stars 137 forks source link

IE 11: US Map mouse over highlighting beside state(s) #352

Open gjanakiram opened 6 years ago

gjanakiram commented 6 years ago

Hi, We are using ui-leaflet 1.0.0 in our AngularJS project to show US map in our application. When user mouseover on state, showing a popup with state name and some other details. We also added feature highlighting state on mouseover. These functionalities working fine in Chrome and FireFox but in IE when mouseover on one state highlighting beside state. This is happening when we move mouse towards beside state. Actually mouse pointer is within the boarder only.

Upgraded to ui-leaflet 2.0.0 but no luck. Please go through attached screenshot. In screenshot I mouseover on 'south dakota' state but 'noth dakota' also highlighted and map popup showed wrong state name. I debug and verified lat & lag also, these values looks fine. Map working fine in other browsers except IE 11.

Environment: Windows 10, IE 11

map