Skip to main content

I’ve run into a bug where click interactions on button instances don’t work within a parent component if they’re not included in the parent’s initial state.

Basically I have a simple drop down with collapsed and expanded states.

In the default state it’s just the title bar and in the expanded state it has a list of options and a button.

Instances of this component are then stacked into a master component which has different states showing list 1, 2 or 3 etc. expanded whilst the others are collapsed.

The click interactions are set for each by changing them to their expanded state, setting the link and then setting them back to the desired collapsed state.

These click interactions refuse to work when tried in the prototype.

The only way I found around this was to include the buttons within the collapsed state also and then hide them by clipping them out of the frame - not ideal.

Is there a fix for this?

Thanks :)

 

 

 

 

Hi there,

 

Thank you for contacting me. I'm not entirely certain without seeing your file, but it could be due to a feature limitation. When swapping instances or changing variants on nested instances, the size may not adjust to fit the larger expanded dropdown, and instead, it retains the size of the initial instances or variants.

There may be a workaround for this issue. To make the nested instances resize, you can try adding auto layout to each variant of the components if possible.

Would you mind giving that a try?

 

Thanks!

Toku

Terms & ConditionsCookie settings