Allow Hover AND Click together

My workaround is to have the tooltip as part of the component (not ideal but what can you do) I give the tooltip an absolute position so it doesn’t mess with the autolayout of the main component

That seems a nice workaround but it implies a lor of rework for my designs. Plus the hover of my icons show a bounding box that is larger than the icon itself, pushing all other icons in my row of actions aside (unless I adjust the autolayout everywhere).

I usually weigh the extra effort it takes in figma against the added value it brings for the developers to know what and how to build. In this case it’s too much hassle for me. Best option would be indeed for Figma to finally solve this issue that has been living for years.
Besides that, I absolutely love Figma 🤟

For those who just need something that works in July of 2023, there’s a solution listed somewhere in this thread, and this video walks you through a way to make it work.

I want to add to @Peter_Bentley 's message:
Use Peter’s mentioned solution if you don’t have your icon / button with a tooltip as part of a component with autolayout. If you use this solution, the tooltip will have trouble displaying over adjacent elements because of the order of the layers inside the autolayout.

If you want to do an icon/button with a tooltip on hover, a click interaction as part of an autolayout component, do use @Gene_Parcellano 's solution Allow Hover AND Click together - #49 by Gene_Parcellano

Hope that helps fellow designers.

Seems there are a lottttt of upvotes and requests for this with no real response as to why/what is happening. Maybe this is a case of waiting for another big-bang-magic-drop-of-features we all have to just wait for in today’s “agile” world. Who knows how long that will take, maybe Q2 of 2024.

Remember folks, always listen to your users.

+1 also running into this exact issue - need a tooltip on hover + click interaction

Wow, I have just read this all after 1 hour of fiddling with variants and animation options in my prototype… This is really sad, that there is no way to set an on-click event and open an overlay on hover.

This still isn’t fixed? @figma come on…

Cannot understand why Figma isn’t listening to us about this. But we can embed videos. Whoop dee do.

Never mind the absolutely insane way that a hover overlay cannot be dismissed if it opens another overlay on click. Close top overlay and the hover overlay (only meant to appear on, gee, hover) sits there forever, trapping users and grinding a prototype to a screeching halt.

Figma, can I actually just have a job please? You clearly need some UX designers on your team who actually use the tool.

I have hover and press states in their own component between variants of a text button. I then take that text button component and place it into tab component and set it up so that the nested instances properties are enabled in the new component which has been fantastic for the design system I’m working on and allowing others to use variant settings for designing.

My structure is:

icon (select icon type) > text button (hover & press) > tab (click to switch tab variations)

The tab is where I’m having issues because the text button hover and press states are in their own button component and work great. However, the click state has to be in the tabs as there can be 2-9 tabs all using the same text button component. The click is blocked by the text button hover state. I’ve tried to put a frame, target the text in the button from the tab and nothing works.