Click Action in a Hover State

I am having an issue creating a click interaction in a over state.

I have created a container that has "display", "hover", and "menu open" states.

By default the container should be in "display" state, then when you mouse over the container it should change to the hover state. The hover state reveals a button (interaction area), and pressing this button should take you to "menu open". However, I am having trouble, because once the mouse goes over the button interaction area, the container transitions out of the hover state and back to the display state. This makes it so the button cannot be pressed. Is there a workaround for this?

1 comment

Please sign in to leave a comment.