The community members are discussing how to set an active state on buttons that have active and hover states. They explore options like using the "current page" token, aria-selected, and manually adding the active state. However, they encounter issues where the active state does not work as expected, especially in the builder preview mode. The community members suggest that the "current page" feature may only work on the published site, and they create an issue to investigate this further. They also discuss potential workarounds, such as making the links relative to fix the issue in the builder preview mode.
another example is highlighting the button in the nav when youre on that page. I know i can just add hidden dupe buttons but i was wondering if there is a better way
It appears the Current Page selector only works on the published site. @Ivan Starkov Can you confirm this is a bug (as in it should work in the builder) and I'll create an issue?
Make the link relative and it should fix it ie get rid of system.origin. No need for it plus removing it will make it work inside the builder preview mode
and by "work" I mean clicking on it and navigating to that filter. The current page status only shows on the live site but should start working once you make it relative