Skip to main content
h.rude
April 26, 2021

Allow Hover AND Click together

  • April 26, 2021
  • 137 replies
  • 72013 views

With the interactive components, a variant can now have a tooltip. But unfortunately hover and clickactions are still mutual exclusive.
I’m designing for a desktop application and having a tooltip per inputelement/button is crucial.

137 replies

James_Wagstaff
New Member
July 29, 2024

How in god’s name has this issue been open since 2021? It isn’t a feature request, it’s a bug report. This is really fundamental functionality.

Jaakko_Haaparanta
New Member
July 31, 2024

You can also use a boolean variable to toggle the visibility of a tooltip on mouse enter and leave. This works fine together with a click interaction as long as the tooltip is already absolutely positioned inside the component/variant.

JessB
August 5, 2024

So at the amount we can either for examples make a component either hover or click. Why can’t we have the ability to do both I aka hover so it shows hover. Then I click and it changes to click and move

Dennis_N
Power Member
August 5, 2024

The component indeed can’t have both but the instance can have the click event in addition to the hover which is controlled by the component.

If you would like to have all within the main component you could maybe use the “mouse up” respectively “touch up” trigger as a workaround on your hover state.

Btw, there already is such a feature request you can vote on:

Geoff-Colbath
New Participant
September 26, 2024

Maybe @Figma_Product should merge this with the other issue, then?

Geoff-Colbath
New Participant
September 26, 2024

Spoke too soon… looks like they already did. Thanks, @Figma_Product!

Khoji_For_Agile
October 9, 2024

For instance, if I’ve added a hover effect to all the rows in my dropdown, I also want the click action to function properly. Currently, I have to remove the hover effect first and then apply the click action, which can be annoying especially when working with components.

Dan15
October 22, 2024

I think it’s because of how they’ve built this feature. Basically, the hover state replaces the default state, so I guess they’d need to be able to place a click event on the hover object from the default one… Still such a stupid problem.

Replying to keep this ancient effing thread alive… 💀

Mark_Quad
October 29, 2024

Absolutely ridiculous that a hover state change with a click action on a button component. is not possible to prototype in Figma. Not even getting into the ridiculously complicated and chaotic “state management” that Figma cooked up.

I regret moving from Axure to Figma so much that I am now considering to invest the time to switch back. True prototyping in Figma is simply impossible with the current architecture.

Luis_Lopez1
New Member
November 1, 2024

I agree Mark, simple things like this would take a couple of seconds in Axure … but present a world of hurt when trying to protype it in Figma … Its an amazing tool for layout and design systems keep everything nice and tidy … but the maturity level of its prototyping is just enough to go from one screen to another or present hover states. Developing good UX is overly taxing and I end up having to explain in exhaustive step by step detail what each interaction needs to do … Figma can do better … i know they can 🙂 … Take a break from the dev side … and get a team to help the prototyping side of things 🙂