Hide Element On Click Anywhere

Hey guys,

I’m trying to add a normal UX interaction practice to my web app.

When my account menu is opened, I want to be able to click anywhere other than the account menu div and close this element.

1 Like

Why are you showing me code?

1 Like

thats how

What should I do with the code?

https://puu.sh/C6Oiw.png

I want a way to create it without code. That’s why I’m using Bubble.

1 Like

https://puu.sh/C6Oqa.png

Hi there,

You can use a Group Focus element to accomplish this, simply replace that menu group you have there with a Group Focus.

You can also accomplish this smoothly with “Replace by another element”

2 Likes

Awesome!

I don’t understand how to use the element. It’s locked into the top left corner of my screen.

1 Like

You have to anchor to another element, that’s a requirement. Then you can use the vertical and horizontal offsets to adjust the group

2 Likes

You’re a BEAST BRO.

Thanks so much man.

2 Likes

This topic was automatically closed after 70 days. New replies are no longer allowed.