cursor remaining on hovered icon prevents disabled state
Hi there! I'm having a strange issue that I'm having difficulties troubleshooting. I've created a slide where users click on a 5 icon menu to learn about 5 problems with Gross Domestic Product. When they hover over the icon (hotspot) the icon changes to a hover state. When they click the icon (hotspot) a transparent circle changes from hidden to normal to "disable" the hotspot and the user is taken to a layer where that GDP problem is explained. When the layer timeline finishes a trigger changes the state of the icon to a disabled grey and the user returns to the 5 icon screen. The problem is that if you leave the cursor where you clicked the icon (which seems the likely thing for the user to do), once you return to the 5 icon screen the hover is still active (despite the transparent circle that was activated on top of the hotspot) and the state of the icon is normal instead of disabled.
Everything works as I intended if the user were to click the icon and then move the cursor away but that seems unlikely.
I'm sorry if this explanation is unclear. Let me know if I can clarify anything. I'd be happy for any suggestions.