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

1 Like

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.

Component

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!

1 Like