Hover to Reveal Shape + Do when shape is not visible = Not Working

[Blake]

There’s a lot of posts in this forum that demonstrate this working but I can’t figure out why only half of it is for me. Can a person smarter than I please take a look (@fayewatson) ?
First part of showing group focus works. But then hiding the group focus when red shape isn’t visible doesn’t work.

Setup
3 Elements: Icon, Shape, Group Focus
Red Shape Condition = When Icon Hovered - This element visible. Red Shape properties: when page loaded = not visible

Workflow : Do While Condition is True (Only when Shape is Visible) - (this part works)
Another workflow item: Do while condition is true (only when shape isn’t visible) - this part doesn’t work. The Group Focus will not disappear. I know a fresh pair of eyes would help.

Result Group Focus won’t go away

References:

Workaround for Showing GroupFocus on Hover

Hello Everyone Here is a workaround on how you can show a GroupFocus when a Button (or any element) is hovered. To test this, I created three elements: Hover Button Group Focus Hidden Button (completely transparent, not visible on page load) To show the GroupFocus when the Hover Button is hovered, you can set the conditional formatting on the Hidden Button to be: “When Hover Button is hovered or GroupFocusA is hovered --> This element is visible” Then you need two events in…

Hover Popup in Repeatgroups

Hi, I want to create a hover function. Every time someone hovers on the image in a repeat group a small popup with user info should appear. How do I create such a hover popup? Should I make use of a Popup, Floating Group, or Group Focus? Thanks for the help

[petter]

Hi @Blake

Actually, there’s an easier way to do this, which skips the red shape altogether. You can’t set an is hovered condition on a workflow, but you can copy/paste it there. So, if you right click the Icon fa fa-flash and choose copy, you can paste it into the Do when condition is true workflow.

Also, I notice the workflow is set to run just once. You probably want to set this to Every time.

Does that solve your issue?

[Blake]

Thanks for the reply…hmmm. I’m not following entirely though. @petter

1st and probably most fundamental, what do you mean, “the workflow is set to run just once”?
2nd I can’t seem to paste an element or even it’s condition expression into the workflow. What is supposed to happen when you paste an element onto a do when condition is true workflow item?

[fayewatson]

Hey @Blake, @petter is referring to the “Do When Red Shape isn’t visible” workflow; right now, it’s set to run “Just once” - switching that to “Every Time” should fix the issue with the Groupfocus hiding every time the Red shape isn’t visible:

However @petter’s suggestion to skip the shape workaround altogether is definitely the way to go! The workflow composer won’t allow you to manually type the expressions “When Icon is hovered” or “When Icon isn’t hovered”, but we can create those expressions in a conditional, copy them, and paste them into the workflow composer (it sounds like it won’t work but it does! ).

Here is an example of how to set this up in the editor:

Editor: faye-demo-app | Bubble Editor
Preview: Bubble Application

[Blake]

Thank you @petter and @fayewatson! When i was copying the expression from the editor, I had “This icon” instead of the name of the icon in the expression. Then when I went to paste the expression into the workflow it kept translating to this page instead of this icon, hence my confusion. Anyways the switch to actual icon name in the original expression did the trick.
Thanks again @petter for the more efficient way to get this done.