Figma Support Forum

Interactive navigation menu

Hi all
first of all let me say thanks for the new interactive feature that is bringing a new level of control and (hopefully) will simplify our use of the components / variants during the design process.
While applying the tool and combining it with auto layout in a navigation menu, we have an issue while prototyping. The interactions appear to be applied correctly.
All menu items have a default, hover and selected state; plus the menu item containing secondary item have an accordion to manage the open/close status of the primary item.

Let me sketch out the menu:

Menu primary item 1 with accordion
menu secondary item 1
menu secondary item 2

Menu primary item 2 with accordion
menu secondary item 1
menu secondary item 2

Menu primary item (no accordion)

When using the prototype, if I click the primary item 1 accordion to close it, it closed indeed, but the menu items following below do not come up while the top one closes, leaving an empty space as high as the space that was occupied by the secondary items just hidden!

Can you help me solve the problem?

Many thanks

Hey Simone!
This is just because auto layout isn’t yet supported in interactive components unfortunately: Support Auto Layout in Interactive Components - #10 by nikolasklein

So if you collapse an accordion the other items won’t move up to fill the space it was taking up

Hey Baffour
Hope this will happen soon then!
Many thanks