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.

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!