Interactive dropdown component nested in other component not working

As the title says a dropdown component i made stop working properly after i nest it in another component. Anyone had similar issues and knows the solution?

Examples below:
Dropdown working properly

Dropdown not working

It looks like the top instance has the height set to hug but the bottom one has the heigh set to fixed.

Thanks for your reply.

I don’t think that’s it. It’s two instances copied from the same component so they should be identical.


Just tested it out. If i put the dropdown component onto a frame it works just fine. If i put into another component even if the component is just a grey box it breaks.

1 Like

Glad you found a solution!
If you look at the properties of the instance and not the main component they could also be causing this issue. In terms of hug/fill/fixed. sometimes they get changed by accidentally double clicking the edges.

Sadly i am still dealing with the issue and havent found a solution.

What i meant was that i replicated the issue by throwing the dropdown component into another component (a grey box) and the dropdown still is not expanding correctly.

Could you share a link to an example file?

Just figured it out.

Some of the elements in my component didnt have constraints configured.
I set all of them to constraint left/top and now it works as intended!