Components not maintaining correct overrides on page load

I have a relatively complex sidebar navigation component. You can expand individual menus and navigate to various pages via the exposed buttons. It always starts out working correctly, but after a while, when you navigate to a new frame, the sidebar component doesn’t load properly and appears to maintain overrides from the last state it was in on the previous frame.

I’ve included a video of the behavior, and a link to the sample file. I’ve tried building this a number of ways. This way appears to be the most stable so far, and allows for all of the functionality I need, but it’s still not 100%.

Figma:
https://www.figma.com/file/8TkPCpz5mvJ3FfQYkEYgNs/Sidebar-Test?node-id=0%3A1

Video Repro of the Issue:
https://www.dropbox.com/s/6qzpxhexebczf98/Sidebar-Component-Issues.mp4?dl=0

The components are built basically as follows:

Sidebar (and variants)

  • Sidebar button
  • Sidebar button
  • Sidebar button
  • etc.

Sidebar button (and variants)

  • Active/Inactive states
  • Hover
  • Collapsed
  • Expanded
    • Sidebar Sub Button
    • Sidebar Sub Button
    • etc.

Sidebar Sub button (and variants)

  • Active/Inactive states

I have a relatively complex sidebar navigation component. You can expand individual menus and navigate to various pages via the exposed buttons. It always starts out working correctly, but after a while, when you navigate to a new frame, the sidebar component doesn’t load properly and appears to maintain overrides from the last state it was in on the previous frame.

I’ve included a video of the behavior, and a link to the sample file. I’ve tried building this a number of ways. This way appears to be the most stable so far, and allows for all of the functionality I need, but it’s still not 100%.

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