I've created a simple project that consists of a single frame with rollover effects. When the mouse pointer moves over an image, I want a separate text element to be displayed. I want the text to remain displayed until the mouse pointer moves off the image.
I've coded this and it works, except for one detail: when the mouse pointer is over an image, its corresponding text is displayed for only a couple seconds before being hidden again.
I've tried both mouseover/mouseout and mouseenter/mouseleave, but both produce the same results.
I've tested this in both Chrome and Firefox, so it doesn't seem to be a browser issue.
Edit: [link to sample files removed]
I figured this out. I was hiding the text elements using keyframes at the start of the timeline that set the Display property to off.
I took those keyframes out and instead used the compositionReady event on the Stage to hide the text elements.
Now each text element is displayed for as long as the mouse pointer is over the corresponding element.