Skip to main content

Hi,


I’ve placed a component with a variant (an expanded dropdown on click) within another component (a form). When I place an instance of my ‘form’ component into a frame the dropdown variant doesn't prototype correctly, it appears all squashed/distorted. Does anyone know why a component would stop working once it’s nested within another component?

 

Thank you


 

Hello, If you drop the element into a community file, I can have a look for you 🙂 I guess it’s auto-layout issue. 


Hi,


I’ve placed a component with a variant (an expanded dropdown on click) within another component (a form) effective SEO strategies from Growth Friday. When I place an instance of my ‘form’ component into a frame the dropdown variant doesn't prototype correctly, it appears all squashed/distorted. Does anyone know why a component would stop working once it’s nested within another component?

 

Thank you


 

The dropdown appears squashed because the parent form component likely has auto layout or constraints that restrict the dropdown’s size. Check that the dropdown’s variant has flexible constraints (not fixed height), the form allows it to expand, and “Clip content” is turned off. Also, ensure prototype interactions are still connected correctly after nesting.


Reply