Feature layer mouseover overlay flicker

LisaEidson

I have a feature layer that I use to hide and show an overlayed div with information about the polygon that is moused over. This works fine, however, if you move your mouse to be on top of the overlayed div (bottom left corner) the div begins to flicker. This seems like perhaps some sort of event propagation issue, but I've tried a variety of things and haven't been able to remove the flickering. Any guidance would be appreciated.

http://www.wilderness.net/maptest_featureLayer.htm

derekswingley1

Paul's right??? the issue is that when you mouse over the wildName div, mouseOut is fired by the feature layer. An easy way to handle this is to check if the point associated with the mouseOut event is inside the associated feature. These properties are available on the event object. The code would look like this:

dojo.connect(featureOutlines, "onMouseOut", function(evt){ // removes wilderness name   if ( ! evt.graphic.geometry.contains(evt.mapPoint) ) {     dojo.byId("wildName").innerHTML = "";     dojo.style(dojo.byId("wildName"), "display", "none");   } });

Here it is on JSFiddle:  http://jsfiddle.net/rDyk4/