Skip to main content
Solved

Interactive dropdown component nested in other component not working


Mads_Emmertsen

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

Best answer by Mads_Emmertsen

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!

View original
This topic has been closed for replies.

7 replies

Alborz_Heydaryan1

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


Mads_Emmertsen

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


Mads_Emmertsen

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.


Alborz_Heydaryan1

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.


Mads_Emmertsen

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.


tank666
  • 4873 replies
  • June 13, 2022

Could you share a link to an example file?


Mads_Emmertsen

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!


Cookie policy

We use cookies to enhance and personalize your experience. If you accept you agree to our full cookie policy. Learn more about our cookies.

 
Cookie settings