We’re experiencing a strange issue with components and hover interactions. when we copy a component from one frame to another and then change one of it’s properties it duplicates the hover interaction, resulting in two hovers which flicker between the two.
Steps to produce (for us at least)
- Copy an instance of a component (say a button) from one frame to another
- Change a variant. e.g. style or size
- Two hover interactions are then applied, one for the original variant and one for the new
What we’ve tested:
- Occurs with components locally and in design systems
- Occurs with a custom design system and a pre-built one (shadcn design)
- Occurs without any other interactions
- Doesn’t happen if you copy the entire frame containing the component
- Doesn’t happen if you use a fresh instance of the component
It’s time consuming to work in a way that avoids copying components and/or go through multiple frames to fix the problem.
Anyone else experienced this?