Skip to main content
Linh_Bui
New Member
June 12, 2024
Solved

Component state of my dropdown instance keeps changing to the main component in prototyping preview mode

  • June 12, 2024
  • 2 replies
  • 996 views

I have a dropdown instance. In its open state I changed the text. But when I tried the prototype preview mode the text and the component keeps changing to the default text from the main component. Can you guys help me?

Go to file

This topic has been closed for replies.
Best answer by Pavel_Kiselev

Your component does not have any menu when it’s in “Idle” state so there is no way to keep your overrides to menu items in that dropdown. When you work with it in design mode Figma keeps a snapshot of your changes in the memory so it tricks you into believing there is magic behind it. You can easily check it yourself. Add a dropdown instance, change the state to “Open”, customize menu items, and change the state to “Idle”. Now reload the file and check your dropdown once again, you will not see any of your changes there. Prototype works the same way.

To fix your issue make sure that the dropdown is present in the “Idle” state, just keep it hidden

2 replies

Pavel_Kiselev
Power Member
June 12, 2024

Your component does not have any menu when it’s in “Idle” state so there is no way to keep your overrides to menu items in that dropdown. When you work with it in design mode Figma keeps a snapshot of your changes in the memory so it tricks you into believing there is magic behind it. You can easily check it yourself. Add a dropdown instance, change the state to “Open”, customize menu items, and change the state to “Idle”. Now reload the file and check your dropdown once again, you will not see any of your changes there. Prototype works the same way.

To fix your issue make sure that the dropdown is present in the “Idle” state, just keep it hidden

Linh_Bui
Linh_BuiAuthor
New Member
June 13, 2024

Thank you so much! That’s so helpful 🥰