Skip to main content
Question

Nested accordions not expanding accordingly

  • September 10, 2023
  • 1 reply
  • 309 views

Hi, I am trying to nest 2 accordion components within each other. I have both of them created as separate components with the height set to hug contents. Individually, the container resizes accordingly during prototype testing. When nested however, the outer container does not resize with the contents inside. Any suggestions on how to fix this would be appreciated! Thanks in advance!

Video of issue:

drive.google.com

1 reply

katrina.smith

For anyone that stumbles on this post. I had the same issue and Pavlo_Kiselov this post helped me fix my nested accordion issu

https://forum.figma.com/ask-the-community-7/nested-accordions-levels-1-2-work-level-3-isn-t-clickable-why-19526?postid=156343#post156343

The issue is how and where you place the accordion interactions.  Don’t put them on the component itself --- put it on the header of the accordion.  You may have to use the layers panel to control layer selection when applying the interactions vs. using the interaction buttons on the component.  Hope this helps someone .


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