Instanced component's variants don't receive updates?

I stumbled upon a weird bug I can’t seems to be able wrapping my head around. My usecase is as following:

In my library file I have a local component with 2 variants called “Component content”. There’s the default variant “Green” and another one “Red”. This is instanced inside the black “Component” component, with “Component content” set to default green.

My issue is that as soon I use “Component” in other files, and make changes to any variant of “Component content” other than green, they do not propagate to instances of “component content” within “component” in other files. See demonstration below.

The library is working as intended. When I change order of text and shape in variants, both instances of “Component” reflect them: https://i.gyazo.com/d2e27d059c5f10b0ba77a778d31a7f7a.mp4

Then I have a file using the library with component, and two instances of said component, setting nested instance within it of “Component content” to green and red. After updating the libraries from first video, ONLY the “Component content” green is updated, red retains old order unless I reset all overrides: https://i.gyazo.com/532a35a7e8e8a733e0d542ab285c343a.mp4

Any idea what is happening and how I can fit it? The way I see it, it seems that updates to non-default variant of a local component instances elsewhere are ignored.

Library file: Figma

Design file: Figma

3 Likes

Experiencing the same thing here in combination especially with with slot components.

To reiterate the problem stated above, I have a top-level menu component with child menu item components in an auto-layout container. The menu items have basic variants with states as you’d expect, e.g., default, hover, selected.

Currently, the selected state has a background color of black. I then bring that menu component into another file that has access to the library. If I were to set that menu’s menu items content and states throughout many flows (many times) over, then go back to the source component to change the background color of the selected state of the menu item component, then publish, those changes don’t reflect in any file consuming that top-level component that use that specific variant.

What’s interesting is that the menu component instance in use in that file won’t receive the update, but if I were click into the menu item instance (where the background color change happened), reset changes, I then am able to see the update, but non of the other menu items will get the updates until I manually reset those as well.

It’s frustrating having to tell my team to reset changes and apply the updates manually.

Looks like I’m having a similar problem. As far as I can tell, I’m following best practices for building variants. No matter what I do, additional variants I create do not get reflected in the side menu. Grrr. :-/