Disabled state conflicts with Hover state
Hi, hopefully somebody can help with this.
I made a menu structure with 4 buttons, each button represents a chapters. At the beginning only chapter 1 is accessibble, the other 3 chapters have the Disabled state as initial state.
The problem is when I hover over chapter 1 the Hover effect isn't showed correctly when the mouse first was hovered over chapter 2, 3 of 4 which have the disabled state. The hover effect only works correctly when chapter 1 is hovered over from another place of the screen. I can't figure out what causes this. I attached an example.
Thanks for helping!