# Hover to Reveal Shape + Do when shape is not visible = Not Working **URL:** \ **Category:** Need help\ **Created:** [March 28, 2020, 6:38pm UTC](https://forum.bubble.io/t/hover-to-reveal-shape-do-when-shape-is-not-visible-not-working/83739 "2020-03-28T18:38:51Z")\ **Posts on this page:** 6\ **Page:** 1
**Author:** ![Blake](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/blake/32/65881_2.png) [@Blake](https://forum.bubble.io/u/Blake)\ **Post date:** [March 28, 2020, 6:38pm UTC](https://forum.bubble.io/t/hover-to-reveal-shape-do-when-shape-is-not-visible-not-working/83739/1 "2020-03-28T18:38:51Z")
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 ![Shapes](https://us1.discourse-cdn.com/bubble/original/3X/4/f/4fbbe90cde6f08197f6a5d9e60ef3741a4f478d3.png) **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. ![workflow](https://us1.discourse-cdn.com/bubble/original/3X/6/3/637f878f8a8b9d2ad2a77cc660202c78615f85f9.png) **Result Group Focus won’t go away** ![Results](https://us1.discourse-cdn.com/bubble/original/3X/d/8/d89ffa28c9241f55bebd5cefe6c98d7482f179d7.gif) References: > [@Workaround for Showing GroupFocus on Hover](http://forum.bubble.io/t/workaround-for-showing-groupfocus-on-hover/6386): > > Hello Everyone slight_smile 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](http://forum.bubble.io/t/hover-popup-in-repeatgroups/81412): > > 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 heart ---
**Author:** ![petter](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/petter/32/98626_2.png) [@petter](https://forum.bubble.io/u/petter)\ **Post date:** [March 28, 2020, 7:32pm UTC](https://forum.bubble.io/t/hover-to-reveal-shape-do-when-shape-is-not-visible-not-working/83739/2 "2020-03-28T19:32:03Z")
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? ---
**Author:** ![Blake](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/blake/32/65881_2.png) [@Blake](https://forum.bubble.io/u/Blake)\ **Post date:** [March 28, 2020, 8:05pm UTC](https://forum.bubble.io/t/hover-to-reveal-shape-do-when-shape-is-not-visible-not-working/83739/3 "2020-03-28T20:05:15Z")
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? ---
**Author:** ![fayewatson](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/fayewatson/32/2686_2.png) [@fayewatson](https://forum.bubble.io/u/fayewatson)\ **Post date:** [March 29, 2020, 4:49am UTC](https://forum.bubble.io/t/hover-to-reveal-shape-do-when-shape-is-not-visible-not-working/83739/4 "2020-03-29T04:49:48Z")
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: ![Workflows](https://us1.discourse-cdn.com/bubble/original/3X/5/a/5ac09ab06efb7a07b18ef31297d2b54e33fe633b.png) 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](https://bubble.io/page?type=page&name=groupfocus_hover_new&id=faye-demo-app&tab=tabs-1) Preview: [Bubble Application](https://faye-demo-app.bubbleapps.io/version-test/groupfocus_hover_new) ---
**Author:** ![Blake](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/blake/32/65881_2.png) [@Blake](https://forum.bubble.io/u/Blake)\ **Post date:** [March 29, 2020, 6:03pm UTC](https://forum.bubble.io/t/hover-to-reveal-shape-do-when-shape-is-not-visible-not-working/83739/5 "2020-03-29T18:03:10Z")
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. ---
**Author:** ![system](https://us1.discourse-cdn.com/bubble/original/3X/2/8/2847faa74692c2ffa5d939d3dc3724cdd060d247.png) [@system](https://forum.bubble.io/u/system)\ **Post date:** [June 6, 2020, 6:38pm UTC](https://forum.bubble.io/t/hover-to-reveal-shape-do-when-shape-is-not-visible-not-working/83739/6 "2020-06-06T18:38:52Z")
Closed on June 6, 2020, 6:38pm UTC This topic was automatically closed after 70 days. New replies are no longer allowed.