Component overwrites not carried over when nested in other components

The only workaround that I found is to make a new component out of overwritten one and nest instance of that new component.

To clarify this:
I made an instance of a dropdown (let’s call it “d2”), I exposed the dropdown menu and made changes. I made a component out that instance (let’s call it “d3”) with dropdown exposed and then nested it in a new header component. If you don’t keep dropdown menu exposed in d3 it won’t carry the overwrites in header component.

Really strange…

I found out one more thing. I also have a different component menu button, that acts very similar as dropdown. When I make overwrites to menu button component (regarding it’s dropdown menu) and nest it in a different component the overwrites are carried over.

I don’t get it what brakes my dropdown component.

HI there,

I hear your frustration and feel you. If I understand correctly what you described in details, which is really helpful, this is currently a feature limitation. It’s not possible to push overrides to a component that’s nested within another component. You will need to make those changes to the main component itself.

https://help.figma.com/hc/en-us/articles/360039150733#Push_overrides_to_main_component

Am I understanding the issue you are describing correctly? Please let me know if I’m missing any additional points.

Thanks,
Toku