Hi everyone, I’m running into an issue with a mobile navbar component.
The component has two variants: Default (hamburger icon) and Open (with menu links).
- On my mobile frame, I set the variant to "Open" so I can select the links and add "Scroll to" interactions to specific anchors on the page.
- If I leave the component in the "Open" state and preview, the links work perfectly, but the menu is obviously open as soon as the page loads.
- If I change the component back to "Default" so the user has to click to open it, the "Scroll to" links I set up no longer work once the menu opens in the prototype.
It seems like the variant switch is "wiping" my instance overrides for the links. Is there a way to keep these specific scroll interactions while still using the variant toggle?