Streaming live at 10am (PST)

Click outside to hide interaction

I’d like to create a pop up for a contact forum. I have it setup so that the pop up comes up when a button is hit, but I’d like to close the contact forum when the user clicks outside the forum. Right now, I have is setup so that if you click anywhere - including the contact forum - the pop up closes. But it just needs to be outside of the contact forum.

Thank you!

Welcome to the community @bryanmitchiner!

Just make sure your modal is contained within an element that spans the entire window behind it and add the same click trigger interaction to it that you use to close your modal. As long as your container element is sitting behind the modal on the canvas, users will be able to interact with the modal internals as needed (for example, if it contains a form) without triggering the close interaction.

Hopefully that helps, and if you’re still having issues getting it working just include your read-only link and I’ll take a closer look into it for you :v:

1 Like