Forum Discussion
Hover Interaction
Hello all,
I'm working on a machine parts labeling quiz. When a user hovers over either the drop target rectangle or the rectangle labeling the diagram, the boxes "light up," meaning they have a slight color fill with the hover interaction. When a user drops a label on the rectangle drop target, it also "lights up."
The problem I'm having is that once a user drags another text box option over the top of an already dropped-on target, it reverts back to its original white fill. I understand the interaction causing this (Restore previous state when user hovers out)... but the question is:
Is there a way to make the rectangles stay color-filled (ie. 'hover' or 'dropped on' state) even if a user drags another option over the top???
1 Reply
can you create a disabled state, or a custom state, that looks like the hover? i like using the disabled state personally so that the item no longer becomes interactable, but of course that doesn't always work with the intended functionality.
