I created a simple symbol from a circle with a cross inside (two rectangles). The symbol has two states labelled "normal" and "over" in which background colors change : on mousover and mouseout on the circle, sym.stop("over"); and sym.stop("normal"); respectively.
The problem : "over" when the cursor hovers over the circle, but back to "normal" when it hovers over the cross. The API suggests to use mouseenter and mouseleave to avoid child elements of the symbol interrupt the mouse event. I tried it, but the behavior is the same.
try using an invisible "hit spot" in a layer above the various button states in the button symbol --- apply the mouseenter/mouseleave code to the hit spot ~keith
A top circle with a background-color and border-color value of rgba(0,0,0,0) is indeed a workaround. Thanks a lot