Skip to main content
November 7, 2023
Solved

Major nested component bug

  • November 7, 2023
  • 17 replies
  • 1054 views

I have several components in my library that share the same problem.

When I change properties on an instance of the component, sometimes it resetts the text. Then I undo, and change the same property again, and now the text isn’t resetted anymore.

Since it only occurs randomly, and after undoing it works properly, it looks like a bug to me. But maybe someone elese had the same problem?

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

Hi Everyone,

I wanted to provide an update on this topic. After discussing with Figma’s support team, we’ve identified that the issue stems from the component creation process.

Here’s the current workaround:

  • First, create the component.
  • Set your text properties.
  • Then, create the component variants.

However, the downside is that if you add a text property afterward, you’ll need to recreate the component and all its variants from scratch.

While this is a bit of a workaround, the Figma development team is aware of the issue and working on a more robust solution, as communicated by the support team.

Cheers!

17 replies

Gayani_S
Figmate
Community Support
November 9, 2023

Hey Magdalena, could you share a screen recording with us when this is happening?

November 14, 2023

Here’s the video of the problem: https://clipchamp.com/watch/e2H6hL3NYqZ

It shows that after I first change the variant of the component the text resets to default, then I undo the change, then change again and the text is not resetted anymore.

And below is the screenshot of how the component is build. I know it’s far from perfect, but it’s been created ages ago. Can you see anything what can cause a problem in here?

First I thought it is because there are nested components which are not published, but after I have published them the problem still existed.

image

Gayani_S
Figmate
Community Support
November 14, 2023

Thanks for sharing! I’ve just created a support ticket on your behalf, please share a link to the file with them. Your ticket number is #851340, for reference.

August 6, 2024

I got here by search because I have similar problem. Text property values in my nested components get reset to defaults at random and the desktop app crashes. Is this some known issue? If it keeps happening I guess it hasn’t been resolved yet

Sanny
New Participant
August 6, 2024

Hi everyone,

We’ve discovered a significant bug in Figma. When modifying a nested component within a main component, the text values become disconnected in all instances where the main component is used.

Details:

  • All layer names within the components are identical.
  • Text properties are consistently applied.

In the attached video and link, we’ve recreated the issue with a simple structure:

  1. A nested label component
  2. A main row component
  3. A page containing row components

When we change the text content on the page and then edit the main component, the labels do not update accordingly.

Please refer to the attached video for a demonstration. Link to the Figma file: Bug Report

Thank you!

Bart_Verswijvel
August 6, 2024

Hey Walicki
We are currently experiencing a similar issue and my colleague just made a post about it here: Major nested component bug

Is your issue the same? Did you find a solution?

August 6, 2024

Hey Bart,

My problem is similar to the one your colleague posted, but a bit more complex. I have multi-level nested components, the instances of which lose the overrides in the text properties and revert to the defaults in the main component. I haven’t found a solution yet.

BRgds, Piotr

August 7, 2024

I’m watching the topic as I too am affected. Text properties in my nested components are getting reset to defaults completely at random and even explicit version saving does not help.

Gayani_S
Figmate
Community Support
August 14, 2024

Hey everyone, apologies for the delayed response! Thank you @Sanny for sharing a screen recording with me.

Can you both let me know if this is happening in the browser and the desktop app?

And can you please try the following steps to see if this resolves your issue:

→ Go to the main component

→ Open the quick actions menu (press command /)

→ Run the commands “fix instance overrides”, “repair component connections” and “regenerate all instances (slow)” on the main components

→ Publish the update of the main components

→ Accept the updates in the instances

Please let me know if this resolves the issue, happy to help out further is it doesn’t.

August 14, 2024

Hi Gayani, thank you for your reply

Please find my comments below:

Can you both let me know if this is happening in the browser and the desktop app?

I don’t use the browser version.

→ Open the quick actions menu (press command /)

Cmd + , on my keyboard layout it is

→ Run the commands “fix instance overrides”, “repair component connections” and “regenerate all instances (slow)” on the main components

Searching for “fix instance overrides” in Quick Actions finds nothing. "Repair component connections works, but only temporarily. That is, after closing and reopening the file, all text properties in instances go back to defaults.

BRgds

Piotr