Excited to announce that we have finally addressed some frustrating Group Focus behavior. Before today, it was impossible to click on the same element to open and close a group focus element. This was because group focus elements have auto-close behavior where if any area outside of the group focus is clicked, the group focus is closed. As such, if an element that triggers a workflow to show a group focus is clicked, the auto-close behavior would kick in first, and then the workflow would run, making it impossible to actually hide that group focus.
But no longer! The same action element can now be used to open or close a group focus element. Best practice is to use a toggle workflow action on the action element to simply open & close the group focus.
The auto-focus behavior outside of the action element still exists as it does today so there should be no changes to existing group focus set ups.
Let me know if yāall have any questions. Happy Bubbling!
Thank you! This whole time i had to use a conditional which set the button as unclickable when the group focus was visible, so the workflow would not trigger. It did the trick but the cursor wasnāt a clicker when hovering over the button which was not great for UI.
This is so much better thanks.
Create a groupfocus background transparent,then your main group have a white background , and for the remainders put some grey color make opacity %40. So, basically when users click to close they are not clicking the under-beneath rather they are clicking the grey group thus not closing
This also happened to me. I used GroupFocus for the hamburger menu on mobile, and it didnāt toggle; it only showed the menu when I clicked the hamburger icon (it didnāt close it).
I spent a decent amount of time debugging this, and it turns out that the issue was the āAnimate an elementā workflow step I added after āToggle GroupFocusā. When I removed the animation, the toggle worked
It could be something as simple as a checkbox āDonāt close when clicking outsideā in the property editor that can be changed through conditionals.
In certain situations, for example when a user is going through an onboarding flow, you might not want the user to be able to close the Group Focus, while still needing the remaining behaviour of it.
you can just create an custom state in the button, lets call it āstateā with a number value. When click the menu button, if state its 0, it changes to 1. And if state is 1 it changes to 0 (you can make this with the workflow editor, so simple).
After you can add a āDo when something happensā at the workflow editor. So you can put something like: Only when button state is 1. And add a show an element configured to the focus group. You have to set this to āevery timeā instead of just once.
So allways when the button state is 1 focus group will be visible even if you click outside the focus group. It only will disapear when button state is 0 (just if you click the button again as whe set before)
Thanks for your suggestion @produccion1 ā I tried to set it up but canāt get it to work. The problem is that thereās built-in functionality that closes the group focus when clicking outside of it and there doesnāt seem to be any way to block this from happening regardless of what over functionality is applied.
