While Hovering conflicting with components states

So, I have an input component with a Hover interaction inside the variant, that bugs a toogle component inside the input. When toogle and input is in idle, the hover behaviour is normal, but when you trigger toogle on and goes back to the idle state, it reproduce the bug interaction and keep swapping the state of both input and toogle (crazy i know… but tried my best to explain in a simple way). There’s no Hover interaction on Toogle component.

Let’s be more visual here:

  1. Toogle inside an InputField.
  2. InputField have hover, Toogle don’t.
  3. Toogle starting for no reason to sync with the InputField hovering.

Try out here !

Btw, i’m trying to modularize the build of my input field, and experimenting some possibilities.

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.