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.
Yoav Chen
shared this idea
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.
3 comments
-
Liam
commented
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?
-
Dennis commented
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 :(