Skip to main content
Solved

Component not changing in prototype [BUG?]


pkp

I have created a component which will change to another variant of it when I click a button but when prototyping the change is not happening. What could be the issue?

The edit button is not changing to save button

Best answer by pkp

Got response from Figma that this is a know issue where text properties are not swapped as expected when a component is setup with both a on-click and a hover interaction. (Nested as well).

Solution: You can remove hover effect from components interaction section, nested as well.

View original
This topic has been closed for comments

10 replies

  • 2 replies
  • March 22, 2023

I am having the same issue. Components that were previously transitioning to states (hover ie) are now not working correctly.

What has changed since? We upgraded to Org pricing tier.


pkp
  • Author
  • 29 replies
  • March 23, 2023

Hello @tank666, do you know why this is happening? 🙂


tank666
  • 4863 replies
  • March 23, 2023

Did it work properly before? If so, please submit a bug report to support.

Try removing the button component’s text property. Or create and use a new component that meets the requirements of this task.


  • 2 replies
  • March 23, 2023

I have tried the following with no success.

• create a new component
• Reload tabs / all tabs
• Restart Figma
• Restart computer.


tank666
  • 4863 replies
  • March 23, 2023

Could you share a link to an example file?


pkp
  • Author
  • 29 replies
  • Answer
  • March 29, 2023

Got response from Figma that this is a know issue where text properties are not swapped as expected when a component is setup with both a on-click and a hover interaction. (Nested as well).

Solution: You can remove hover effect from components interaction section, nested as well.


Naresh_Ugaonkar

I am facing the same issue but I don’t even have a hover effect. what’s going on? I am just changing the orientation of a triangle when clicked on the triangle should go from horizontal pointing to downward pointing. every other clickable component is working just fine.


Sarah_Lund1

I’m experiencing a similar issue just not with the text changing. But I have a pagination component made out of our button component. That button component has hover states that are wired up in the parent component to appear in any prototype (I’ve tried it with “Hover” and “Mouse Enter/Leave” to get it to work). Those buttons in my pagination component have different states depending on the state of the pagination component. When I test the component, pressing the arrow button or pressing the a number button to change to the next page I have a similar problem. Basically, which ever button is pressed looses the ability to change to the state/appearance it should be when the component “changes pages”. When I use the arrow buttons, they can’t appear as “disabled” when the pagination has hit 5. When I click the numbers then they can’t appear as the blue “active” when on that page in the component. It won’t let me upload a little video demo so here’s the little prototype link: https://www.figma.com/proto/7mV72zChjzIXlNjdnSchz8/Pagination-Problem-Trial?page-id=0%3A1&type=design&node-id=0-279&viewport=-568%2C-432%2C1.72&t=1sPN0Tt0EVhnrmSs-1&scaling=min-zoom&starting-point-node-id=0%3A279&mode=design


tank666
  • 4863 replies
  • August 1, 2023

Hey @Sarah_Lund1, I tested your prototype and I think it’s related to this post:

Could you try applying the “Reset component state” setting?


Sarah_Lund1

Thank you! I had not found that thread yet when I was researching my problem. That worked and it’s changing states no problem now.


Cookie policy

We use cookies to enhance and personalize your experience. If you accept you agree to our full cookie policy. Learn more about our cookies.

 
Cookie settings