Skip to main content
Ellanfeoienfensj
Ellanfeoienfensj
New Member
Jul 16, 2025 2:38 AM UTC
Question

Nested Component Issue

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


 

This topic has been closed for replies.

2 replies

AlexdoesUI
AlexdoesUI
New Member
Jul 17, 2025 9:21 AM UTC

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
    jackaustin
    New Member
    Jul 22, 2025 4:54 PM UTC

    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.

    Terms & ConditionsAccessibility statement