Skip to main content
Question

Nested Component Issue


Ellanfeoienfensj

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


 

2 replies

AlexdoesUI
  • New Member
  • 1 reply
  • July 17, 2025

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


jackaustin
  • New Member
  • 4 replies
  • July 22, 2025
Ellanfeoienfensj wrote:

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


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