# Group focus, keep open?

**URL:** <https://forum.bubble.io/t/group-focus-keep-open/32692>\
**Category:** Implemented\
**Created:** [July 4, 2018, 9:46am UTC](https://forum.bubble.io/t/group-focus-keep-open/32692 "2018-07-04T09:46:44Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![funhouse.carnival](https://avatars.discourse-cdn.com/v4/letter/f/f04885/32.png) [@funhouse.carnival](https://forum.bubble.io/u/funhouse.carnival)\
**Post date:** [July 4, 2018, 9:46am UTC](https://forum.bubble.io/t/group-focus-keep-open/32692/1 "2018-07-04T09:46:44Z")

</div>

Hi, any idea or way to keep the “group focus” open until the close button or something similar is clicked?

---

<div class="post-metadata">

**Author:** ![luke2](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/luke2/32/256674_2.png) [@luke2](https://forum.bubble.io/u/luke2)\
**Post date:** [July 4, 2018, 10:08am UTC](https://forum.bubble.io/t/group-focus-keep-open/32692/2 "2018-07-04T10:08:45Z")

</div>

Hey

I tried a few ideas e.g. using a custom state and a workflow to run everytime - but unfortunately when a user clicks off (and the group focus is visible) it will hide it, even though this isnt registered as a workflow event via the debugger. The group focus is also limited on the conditions for the element e.g. “this element is visible on page load”

The easy way round would be to just use a group if possible and use some custom states or toggle workflows to achieve.

It may be possible though to keep the group focus open all the time with some javascript, but I’m not sure of the route to be honest. Would make a handy feature to keep the focus fixed I agree.

Luke.

---

<div class="post-metadata">

**Author:** ![funhouse.carnival](https://avatars.discourse-cdn.com/v4/letter/f/f04885/32.png) [@funhouse.carnival](https://forum.bubble.io/u/funhouse.carnival)\
**Post date:** [July 4, 2018, 10:13am UTC](https://forum.bubble.io/t/group-focus-keep-open/32692/3 "2018-07-04T10:13:04Z")

</div>

Hey, thanks for the help. The problem with the other group element is that it mess up the elements when it opens. Is there any settings for group element to make it float like the group focus? Thanks.

---

<div class="post-metadata">

**Author:** ![funhouse.carnival](https://avatars.discourse-cdn.com/v4/letter/f/f04885/32.png) [@funhouse.carnival](https://forum.bubble.io/u/funhouse.carnival)\
**Post date:** [July 4, 2018, 10:20am UTC](https://forum.bubble.io/t/group-focus-keep-open/32692/4 "2018-07-04T10:20:00Z")

</div>

A good example of what I am trying to achieve is the menu button next to search at the top of this forum.

---

<div class="post-metadata">

**Author:** ![luke2](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/luke2/32/256674_2.png) [@luke2](https://forum.bubble.io/u/luke2)\
**Post date:** [July 4, 2018, 10:31am UTC](https://forum.bubble.io/t/group-focus-keep-open/32692/5 "2018-07-04T10:31:54Z")

</div>

Perhaps try using the ‘Floating Group’ element, this might do the trick as it doesnt seem to interfere with nearby elements and floats above them, like a different z-index.

Try something like this and see if it works:

 ![image](https://us1.discourse-cdn.com/bubble/original/3X/6/9/69549c159404b70d4e2bafd4cff396b64568f74e.png)

 ![image](https://us1.discourse-cdn.com/bubble/original/3X/f/c/fc159b420e78ccbf580d2e107ff3b85e08b9b3a5.png)

Just make sure that the floating group is set to Nothing.

![image](https://us1.discourse-cdn.com/bubble/original/3X/c/c/ccb14d966d36212fb4c82a989d708e08646c158b.png)

Hope this helps.

Luke