Hi! This is probably pretty obvious. I want to make a popover where the user can configure stuff in, if the user taps outside of the popover, it should be dismissed. Is that possible? If yes, how?
There is a property called propagateEvents which will block all events from continuing to the layers underneath. This only works if the button is not a sublayer of the overlay. http://share.framerjs.com/tp1tvsfv27jb/
Thanks! But I've run into the next problem. All of this is inside a PagingComponent. On every page the user can call multiple overlays to configure something. After dismissing the popover the PagingComponent stops working. I made a demo, on the last page is a button that opens the popover: http://share.framerjs.com/enbi7gt44ih3/
That's because the overlay is still blocking all interactions. I did a really dirty hack by destroying the overlay after it is done. http://share.framerjs.com/62tf6hp2lmk2/
You could also move the entire overlay offscreen while you are not using it. That way you can show it again when necessary.
Well, luckily, prototyping doesn't have to be pretty. Moving the whole thing offscreen seems like a good solution. Thanks!