I added it to a frame with auto layout and then created a component from it.
When I prototype it, the drop down works, but the background doesn’t.
If I detach the component instance, the background works.
Any idea why?
Top one is the drop down, middle one is component, bottom one is with instance detached.
Thanks, but what you have done is not the same. You have just done a drop down. My drop down works, it’s when I nest the drop down inside another component that it stops working.
I can’t edit your design to see if nesting it works or not.
Thanks for your help! I can see what you’ve done and it’s pretty much the same way I did it, but mine still doesn’t work. I even created a brand new ultra simple version with a red rectangle in that file I shared and it still doesn’t expand.
If you look at the red rectangle, that’s just a frame converted to a component.
In the second variant I stretched the frame. it works fine as a drop down but as soon as I nest it in another component, it no longer expands as a drop down, yet items inside the drop down still appear.
What do I need to click to get it to work as yours seems to be the same but actually works?
I even tried nesting my working dropdown selector inside your component and it still didn’t work.
if I remove the rectangle it still doesn’t work without autogroup.
I know this is good practice but for some reason I didn’t do it in this case.
It works if I just add auto-layout. I don’t really understand this. If the dropdown component works fine on it’s own, I don’t understand why it needs to be an autolayout to work when nested.
Not sure what you mean by this? Are you saying I am selecting different nodes for each item when dragging the arrows between components? This is probably because I have messed about with it so much now trying to get it to work.
I’m not using ‘mouse leave’ as this is for mobile design.
I also confused this spacing with auto-layout, I thought it was what happened when it got converted to component.
1- All I said was not only about making it work, It was about doing it right and clean to have a smooth prototype (on large messy files you understand my point)
2- Yes it sure is
3- Well, It’s Figma logic and we need to learn to work with those Logics
4- Yes, perhaps you worked on it so much it got confusing, I have experienced this a lot, But it gets better everyday
About the difference of spacing and auto-layout, Simple way to say it is:
they act the same initially, but on spacing is just for ordering things in place, once, It’s not permanent and useful for long term usage,
Auto layout on the other hand is a permanent solution to order stuff which acts instead of just show.