Open overlay should use the same variable mode as origin frame

I am using variants to enable dark and light modes for example and it works automatically for almost everything except for overlays.

I have am user flow with an overlay menu that opens when I click on a button or icon. I want to display how to shwitch between light/dark modes. So when Im in light mode and open the overlay menu (light) and then switch to dark mode and then open this menu again its still in light mode and I dont see a way to change this using the “Change to” nor “Set Variable” options in the “On click” prototyping option. How can I simulate this consistently without having to use two different menus (one for each mode)?

1 Like

Thanks for the feedback, @Thomas_Silcher!

We’ll pass this onto our Variables team for consideration.

I’m trying to build a rather complex dropdown that uses the overlay feature so I can close it by clicking outside and I don’t have to worry about the z-index / placement in the frame since it will always be on top.

Everything was working fine until expanded it to control content (number of items and content within each item) of the dropdown with modes. This is where the problem is. Since adding mode to the overlay is only doable on the top level frame I can’t have 3 dropdowns with different mode next to each other. It would be really nice if overlays could inherit the mode from the source of interaction.

I need this as well. Trying to handle showing an overlay that should behave differently at different sizes in a responsive prototype.