Skip to main content
Cecily
April 7, 2021
Question

Hovers on interactive components are malfunctioning and rendering oddly

  • April 7, 2021
  • 41 replies
  • 11079 views

Hovers on interactive components are malfunctioning in the prototype and present modes in a few different ways:

  • Rendering text oddly, letters are getting jumbled
  • Filling in areas with color
  • Seemingly disappearing from view

Seeing this on 2021-04-07T23:50:00Z

This topic has been closed for replies.

41 replies

Cecily
CecilyAuthor
April 8, 2021

Thank you kindly!! Can confirm things are working normally on my end.

Shane
April 8, 2021

@Andrew_Chan I have an issue with nested hover states getting “stuck” ie. a button inside a table row, both with a hover transition, if you hover both then frequently the button gets stuck in the hover state (top level row doesn’t seem to get stuck). Possibly related to this bug?

Candace_Choi
January 27, 2022

Same problem almost a year later… hover state in interactive component gets stuck and I have to use a workaround like linking the hover state back to the original state using the “mouse leaves” interaction which I’ve never used before.

I view community-cloned button prototypes that were built the same way and they still seem to work fine. All of a sudden just all of my hover states stopped working across my entire design system and i’ve had to go back and fix every little atom 😦

Mojo
New Participant
March 11, 2022

Same issue here, loosing the hover on some random variants. is there… but all of a sudden stops working

balan_tiberiu
March 21, 2022

Hi, I have a similar issue here, it seems the hover interaction doesn’t work at all, I can only do the trick with → Mouse enter + mouse leave.
Does anyone knw a fix to this?
Thanks.

Hugo_Figueira
March 24, 2022

Same issue here. When using “while hovering”, the components somehow get into this crazy state, where some elements have different colors and get stuck into some weird state. Please fix it, @Figma_Support 🥺

Edit 1: added a video to this post. There you can see that the icons are keeping a blue color after the hovering, but shouldn’t.

Edit 2: this happens in nested components. The icons are components, coming from a shared library, and the list items are local components, (and part of a major component).

April 3, 2022

Hello @Andrew_Chan , I have a very unusual problem with what is hover, this problem has already seen some time ago but I thought it was my component configuration and now I see that the error continues, this is driving me crazy, and I sent you an invitation to my project in figma to your email achan@figma.com, just in case here I send you the link: https://www.figma.com/file/9LsSKYOntDG7r2Pfy0Xgkb/hover-problem?node-id=0%3A1

Salomon_Onyegbulem
May 7, 2022

I’m also having a very similar bug where hover interactions aren’t working properly.
Checkout this prototype; Notice that the hover states on the tiles at the bottom have different font styles applied to their titles, that’s the issue.

James_Mckernan
New Member
May 31, 2022

I have the same issue did you ever fix it?

Hugo_Figueira
May 31, 2022

Not really. It’s still happening in other pages of my mockup, but that particular one is still occurring. Not sure it’s because those are composed by nested components, but I couldn’t find a proper workaround (yet).