Hiding elements on hover

Hello,

I’m having issues hiding element on hover. I have set this in conditional statements. Please see https://socialsharebuttons.bubbleapps.io. It seems like a bug and it is continously hiding while hovering the button. I expect it to just hide when i’m hovering and not repeating the statements.

Same issue occurs when hiding image under button on hover.

Am I doing something wrong here?

Screenshot%20(21) Screenshot%20(22)

Looks like your first conditional statement isn’t specific enough. By declaring “when hovered” -> not visible, you’re creating a loop. When the button is hovered, the element disappears. When the element disappears, it is no longer hovered, and becomes visible again. Once it is visible again, it once again becomes hovered and disappears… and repeat forever. That’s what is creating that flashing behavior.

Try setting the “hovered” rule on the parent element:

“When group x (whatever the parent element is) is hovered, this element isn’t visible.” That way, the element that is required to be hovered remains visible (and, as a result, hovered) even though the button itself is no longer visible.

3 Likes

Great to see how some of you experienced Bubblers are, I love working on this platform. Thanks @nnich19

:slight_smile: Glad to help! Several more experienced Bubblers than myself kept me from sending my head through my keyboard on several occasions!

1 Like

This topic was automatically closed after 14 days. New replies are no longer allowed.