Skip to main content
Question

Nested Component Issue

  • July 16, 2025
  • 2 replies
  • 37 views

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
  • 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
  • July 22, 2025

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.