Skip to main content
Question

Interactive component doesn't reset when using Auto-Layout

  • October 1, 2021
  • 6 replies
  • 1572 views

akh

I’m trying to create an accordion menu using the new version of Interactive component with auto-layout.
The interaction of opening a section and collapsing it works great with Auto-layout. BUT it only works once for me.
For example, once the section is opened and I collapse it, I cannot repeat the interaction anymore.
When interactive components are nested (e.g. button with hover states), the interaction of hovering a section title still works but not the one of re-opening it.

I tried closing/reopening Figma, recreating the interaction flows, but so far nothing fixed the issue.

This topic has been closed for replies.

6 replies

Axel1
  • 15 replies
  • October 1, 2021

Same here. I also have a collapsible card with an interactive checkbox on it. If I don’t touch (toggle) the checkbox, the card can be collapsed and expanded as many times as I want, but as soon as I do something with the checkbox, the animation on the higher level is broken, i.e. the content around the collapsible card can only move up to the position where the checkbox was originally.
The only remedy for now is to avoid any nested interactive components which is of course not what we want.
I hope, the Figma Team is on it…


Kelsey_Whelan
Figmate
  • Product Manager
  • 40 replies
  • October 1, 2021

Hey there! Just responded to another thread with you. Posting here in case you missed it! Would love to learn more about what you’re encountering.


Axel1
  • 15 replies
  • October 1, 2021

This is the issue I encountered. Toggling a checkbox which is a bit higher (e.g. “Delivery 1”) will allow the content below to move up a bit more but only to the position where the checkbox was.


Kelsey_Whelan
Figmate
  • Product Manager
  • 40 replies
  • October 1, 2021

Ah, that’s interesting! I tried to reproduce this with a similar setup but can’t recreate the same outcome. Would you be open to sharing a file with this example?


Axel1
  • 15 replies
  • October 3, 2021

Please refer to this tread here.


  • 0 replies
  • November 2, 2021

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.


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