Situation - need for a clickable dropdown menu within a dialogue window which is an overlay itself built with auto layout.
------------- Possible solutions and why they didn’t work ------------- :
overlay - but the dialogue window is an overlay of its own and swap overlay on click swaps the dropdown overlay instead of ‘parental’ overlay.
button variant with a dropdown menu out of the component frame so it doesn’t affect the auto layout - nope, the reversed order of layers in auto-layout makes the object closer to the top edge of the page physically below those that closer to the bottom one, so if there are elements below the button in the layout, the dropdown is displayed beneath them. Here is this particular issue described separately- Z-index property that is independent from Auto Layout - #11 by Roger_Junior
as a workaround I tried a variant with a ‘Drop up’ - menu going upwards instead of down and here I figured out - the elements out of a variant frame aren’t clickable - Argh…
What worked. I found a way around with dropdown transitioning to a separate instance of a screen background calling for the required dialogue window overlay via ‘After 1 ms delay’. It’s blinking, but it’s working… but it feels like unnecessary acrobatics.
----------- Suggested improvements ------------
- An image option for the prototype background? It would save so much space and fuss when you have a ton of dialogue windows with interactive elements over them. Currently, only a colour change option is available for this.
- Overlays grouping/hierarchy settings? If 2 overlays interact make an option to assign a parental overlay?
- Make elements out of frame but belonging to the frame optionally clickable?