Issue with Clickable Object Behavior When Covered by Another Component Variant

Hello Figma Community,

I’m encountering an issue in my Figma project related to the behavior of clickable objects when they are covered by another component variant. I’m seeking assistance to understand and resolve this problem.

I have a Figma file where I’ve created a component that changes to a different variant on interaction. However, when this variant covers part of another object that was clickable before, I notice that the covered object remains clickable even though it’s not visible anymore.

Expected Behavior:
I expect that when the new component variant covers an area, the objects underneath it should not remain clickable. The covered objects should be effectively hidden from interaction until they are visible again.

Steps Taken:

  1. I’ve checked the layer order to ensure the covering variant is on top.
  2. I’ve confirmed that the covering variant has an opaque fill.
  3. I’ve explored the interaction properties and settings but couldn’t find a direct solution.
  4. I’ve experimented with grouping, visibility, and mask options to no avail.

Request for Assistance:
I would greatly appreciate any insights or suggestions the Figma community might have on how to address this issue. If anyone has encountered a similar situation or has a workaround, I’d love to hear your thoughts.

Thank you in advance for your help!