Hover State for buttons

Need some help here.

Context - There are 13 buttons on a page, which needs to be clicked sequentially. So i have 4 states for all the buttons i.e. Normal, Hover, Visited and Disabled. And all the buttons except the very first are set to Disabled state as there Initial state. 

Issue am facing - Now am hovering on the very first button which is active. When my cursor is moving from any path and not coming across any other button than its working fine and showing the hover effect. But if the cursor is coming from any other button(i.e. disabled) than the hover effect is not getting played. 

Hope am clear but still if not, here is another possible explanation-

BTN01 and BTN02

BTN01 is active and BTN02 is disabled(initial state)

Mouse is hovering on BTN01 from any path where its not hovering on BTN02 than the hover state of BTN01 is working fine. (i.e. pointA to BTN01 direct)

But when the mouse is moving from pointA to BTN02 to BTN01 then the hover state of BTN01 is not appearing.


Please help resolving if anyone faced same issue.  


1 Reply
Ren Gomez
Hi Shailesh,
Thanks for reaching out. I'm sorry that you ran into a bug we have reported where:
A hover state in an object does not work if you mouse over on another object with a disabled initial state.
We'll continue to keep an eye on it to evaluate how many customers are impacted and what impact it has on courses.
Here's some more detail about how we tackle bugs. I'm really sorry that I can't say when this issue will be fixed, but you're in the right place to stay updated on this bug's progress.