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%.