There should be an option to prevent interaction overlap between layers above and behind

I’m facing the exact same issue right now and can’t find a solution to it.

Must-have!

In your example, you could use the “open overlay” interaction.

Mine opens On Click, but you can also have it open after a delay of 1ms on the frame.

The overlay option prevents any interaction with the original frame.

Indeed, it is a great solution for some use cases. But it remain an unwanted behaviour. I have multiple cases that comes in my mind to illustrate it ; for my screen capture, clicking on the three dots also open a menu that interact with the layers below.

I wonder if an overlay for absolutely everything is a great idea, especially since overlay positioning can be a little of a mess. I see these dropdown menus as variants than a link to an overlay.

Adding a simple checkbox to specify that we don’t want below interaction to interfere with a layer would be a good idea.

Oh, agreed, it’s an issue I’ve come across as well. There’s a bug in Presentation/Prototype mode where, if you follow someone going through the prototype and they open an overlay, sometimes you won’t see them opening the overlay. So we sometimes build our prototypes without Overlays to avoid that issue.

Regarding this issue, @Bauke_Schildt , submitting a bug to Figma may be not that intuitive, but once you are in the loop with them, they are quite proactive!n 🙂

You’re right, I should submit that as a bug. 🙂

I have the exact same issue

This bug is seriously SO ANNOYING! Pulling my hair out on this one. How to work around this now in a complicated prototype. Just infuriating that this does not work properly.

2 years in and nothing has changed….

We need a “on mouse enter” disable interactions below. So on any dropdown, layers below would not interact all the while the drop down itself has all the required interactions (hover, click, etc)