Button Hover State and Focus Help?
May 14, 2012
I have two icons I am using and both have a hover state that makes them visible and shows a help text box. When clicked they show a lightbox of an informational slide. The issue I am having is that when the lightbox of the informational slide comes up the icon retains the hover state (visible, but without the text help box) and remains that way even after the lightbox is closed. Think I might be missing a setting or such or do I need to somehow reset the normal state. It is not stuck in the hover state because the text help box isn't showing, but it is also not going back to the semi-transparent normal state.
Here is a short screencast of the issue.
http://youtu.be/e-aqFC_29A0?hd=1
Any help is appreciated! I am sure I am missing something obvious here.
13 Replies
I looked at your video and see what you're talking about with the hover states. I hadn't noticed it, but then I haven't done anything like that yet. When the lightbox comes up, the mouse-out event doesn't get a chance to occur. With the new window having the focus, I guess I can understand that. But when you close the lightbox, the original window gets the focus again and any mouse movement should trigger the mouse-out event. Include the video link and submit a bug report.
Hi Michael,
I tried to re-create this issue using both a .png and a symbol, and my hover states turned off as they should. Have you tried just deleting and reinserting the buttons, especially since you said that you have not run into this before?
Thanks for the replies. I started thinking about it more and really the buttons do not get stuck in the hover state, or at least fully get stuck in the hover state or they would not only be showing, but also be showing the identifier text box. So my saying they are stuck in a hover state is probably not correct. I just got in the morning and will try recreating the buttons from scratch and see if that solves the issue. It may be chalked up to some odd code line that got stuck creating them, but if they still exhibit the odd behavior I will submit it for review.
Thanks again.
After a bit of testing with a new project I was able to recreate the issue and it seems it is related to the caption I added as a pop-up text box to identify the buttons. Here was the test I did.
http://youtu.be/ndOYPlO4LB8?hd=1
I will submit this as an issue. Thanks again for the feedback and help.
Thanks for that clear explanation - it does sound like a bug to me. Perhaps the IT wizards can help you.
I'm curious to know if this is just an issue with the captions - why not try creating a caption with shapes, and/or importing a shape and see if the same thing happens.
looks like a bug, and a nice one!
Good call Jill. I still have to find a way to create my pop-up text boxes and shapes with text over them would work. I just finished up working with multiple master templates with different themes and found some quirkiness, but I have a process working for that. I'll give it a try and see how it goes with the hover states this afternoon.
I encountered the same problem, even though I didn't use additional graphics in the states (~text box).
In my situation, the problem was solved by deleting the 'down' state of the buttons (keeping only 'normal', 'hover' and 'disabled').
Hope this helps!
Hi Dries! Thanks for popping in to assist. I wanted to pop in to welcome you to E-Learning Heroes!
I have experienced this exact issue. I have a button with 4 states: normal, down, hover, and visited. The button triggers a lightbox, which seems to open normally. But then, when I close the lightbox, the button stays in the hover state until I mouse on AND off it again, when it reverts to normal.
Would appreciate a fix! I can't delete the down state, as it exists on all other buttons in the module and I'd like to maintain consistency. Thanks!
Hi Maidie! Would you be able to share a .story file for us to take a look at?
Shortly after I posted that issue I dug a little deeper on E-Learning Heroes and found the fix.
Simply add a trigger to the button that restores the Normal state when user clicks. Then, when the lightbox is closed, the button will already be restored to Normal state.
I don't know if it matters if this new trigger should go above or below the one that opens the lightbox, but I put it above and it seems to work.
I appreciate you popping back in with an update and sharing your solution Maidie!
FYI - Replying to the forums via e-mail attaches your signature. You are welcome to pop in and edit that if needed.
This discussion is closed. You can start a new discussion or contact Articulate Support.