I am using the “Change to” interaction for buttons in my left navigation for my prototype. The buttons are variants and they are placed into the left nav component. When I mouse over the buttons, I use “Mouse Enter” to show the second-level navigation which slides out on the next frame. The slide-out also has a variant component in it that will display the submenu for each of the buttons. So when the user mouses over the main left nav buttons the sub nav will change accordingly on the slide-out. If I have the “Change to” set up, the submenu will only swap out once and then get stuck on the last one. If I take the “Change to” off of the buttons or detach the left navigation from the component so the buttons are no longer nested, it works.
The video shows when I have detached the left navigation from its component. so the buttons are no longer nested.
Here are the buttons nested in the left nav component not working.
