# \[SOLVED\] Popup hidden with scroll or click

**URL:** <https://forum.bubble.io/t/solved-popup-hidden-with-scroll-or-click/6212>\
**Category:** App Organization\
**Created:** [September 20, 2016, 11:05pm UTC](https://forum.bubble.io/t/solved-popup-hidden-with-scroll-or-click/6212 "2016-09-20T23:05:38Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![skylershelton](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/skylershelton/32/7332_2.png) [@skylershelton](https://forum.bubble.io/u/skylershelton)\
**Post date:** [September 20, 2016, 11:05pm UTC](https://forum.bubble.io/t/solved-popup-hidden-with-scroll-or-click/6212/1 "2016-09-20T23:05:39Z")

</div>

So I can reveal a “hidden” element with a workflow press, but how would I make that element hide itself again if the user clicks outside of the revealed element’s bounds or scrolls further down the page?

I think I’m durping out, I’ve been bubbling all day

---

<div class="post-metadata">

**Author:** ![romanmg](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/romanmg/32/237672_2.png) [@romanmg](https://forum.bubble.io/u/romanmg)\
**Post date:** [September 20, 2016, 11:14pm UTC](https://forum.bubble.io/t/solved-popup-hidden-with-scroll-or-click/6212/2 "2016-09-20T23:14:23Z")

</div>

You can either use a Group With Focus element (which hides when user clicks outside of it) and/or create a condition workflow: Do when condition is true \> Current Page Scrolling Position is greater than [insert page position in terms of pixel height] \> hide element

---

<div class="post-metadata">

**Author:** ![skylershelton](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/skylershelton/32/7332_2.png) [@skylershelton](https://forum.bubble.io/u/skylershelton)\
**Post date:** [September 20, 2016, 11:15pm UTC](https://forum.bubble.io/t/solved-popup-hidden-with-scroll-or-click/6212/3 "2016-09-20T23:15:31Z")

</div>

Thank you!

---

<div class="post-metadata">

**Author:** ![jaos.pcl](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/jaos.pcl/32/25119_2.png) [@jaos.pcl](https://forum.bubble.io/u/jaos.pcl)\
**Post date:** [April 18, 2018, 8:55am UTC](https://forum.bubble.io/t/solved-popup-hidden-with-scroll-or-click/6212/4 "2018-04-18T08:55:42Z")

</div>

If I want the element to be hidden again when “Current Page Scrolling Position is less than X”, how do I do?