Allow option to not dismiss overlay when clicking outside area
To create modal dialogs for desktop prototypes, overlays should not be dismissed when clicking outside the overlay area.
Modal dialogs, unlike menus or tooltips, need a specific user dismissal event and it would be nice to have an option to choose how to dismiss the overlay.
Thanks for your feedback! You can currently do this by setting a transparent rectangle in the background of your overlay. I’ll leave this open to track the issue.
@elaine, please elaborate on this. How do I make this transparent background not affect the tap outside to dismiss?
Piotr Braszak commented
I too would like to +1 this request.
I am building a multi-layered navigation. That means I have a menu within menu within menu within menu. I need the first overlay to open another overlay without itself closing down.
This enables drilldown navigation and multi-menus, also makes it much more convenient to create cliped/masked scrolling lists.
That type of workflow reduces the size of artboards (I can limit artboard to just the size of panel) and reduces amount of elements on each artboard (I have no need to copy screens). It also makes it easy to position overlay menus.
Adding a large transparent rectangle as a background also causes problems for transitions.
For example if I want a small bar to overlay at the bottom of the screen I have to create a large transparent box above it to fill the rest the screen. This box is then part of the animation even if you don't see it so you can't get the bottom bar to slide up instantly as you need to wait for the box first.
Mourad Blil commented
@Elaine it works only if I have one overlay. What if I have multiple overlays?
Yeah there is a real need for functional overlays! For example I open an overlay artboard side panel in which I want to be able to transition trough the same sizes artboards (for example toggle an option or drag an item) and than when I click outside the entire first overlay artboard or when connected an CLOSE overlay interaction, I can close the model. As right now I need to make a sidepanel as an overlay where I want to try to get some micro interactions as overlays on top. Such as clicking on the chart within the overlay to transition or overlay to a new state. Right now any interaction will close the first overlay :(