This is a read-only archive of the Framer Community on Facebook.

What is Framer? Join the Community
Return to index
Fabian Orthen
Posted Oct 29 - Read on Facebook

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?

5 Comments

Jonas Treub

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/

Fabian Orthen

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/

Jonas Treub

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/

Jonas Treub

You could also move the entire overlay offscreen while you are not using it. That way you can show it again when necessary.

Fabian Orthen

Well, luckily, prototyping doesn't have to be pretty. Moving the whole thing offscreen seems like a good solution. Thanks!

Read the entire post on Facebook