I have a component that switches variants when hovered. I use this component inside another component as an instance swap that when clicked opens a menu. This is put into another component which causes the issue. When the menu opens and you un-hover, it switches back to the original instance swap component.
Here’s a video of the issue:
Here’s a link to a file showcasing the problem: https://www.figma.com/file/EEwfAfdvxUZVvhVah4D2Eg/Nested-instance-swap-with-hover-state-causes-unexpected-behavior-when-switching-between-variants?type=design&node-id=0%3A1&mode=design&t=iun0muPecW2phb10-1
Things that stop this behavior:
- Detaching the final component
- Removing hover state
I’ve looked at other topics and couldn’t find a fix for this. Have any idea what could fix this?