Component overwrites not carried over when nested in other components

I have a dropdown component, with property that allows exposing a dropdown menu. I made overwrites to this component (define what’s in the dropdown) and nested this component with overwrites in another component (header). Now when I go to a dropdown instance in header component and I try to reveal the dropdown menu (trough properties) my previous overdrives are set back to master component defaults.

The only workaround that I found is to make a new component out of overwritten one and nest instance of that new component. It seems cumbersome, and I don’t get it why it’s not doing what it’s supposed to do from the begging.

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