I’m encountering a browser-specific navigation issue in my Plasmic site. When clicking navigation links in Safari, the URL changes correctly but the page content doesn’t update. This same navigation works perfectly in Chrome.
Key details:
Issue occurs consistently across multiple Safari browsers on different computers
URL changes correctly when clicking links
Network tab shows the fetch request completing successfully
No console errors appear in Safari’s Web Inspector
Page content remains static despite URL change
Previously fixed a similar issue in Chrome by removing transition bindings, but Safari issue persists
Any guidance on resolving this Safari-specific navigation issue would be greatly appreciated. Are there any known workarounds or settings I should check?
I wanted to share a solution to a tricky Safari-specific navigation issue I encountered and resolved. This might help others facing similar problems.
Issue:
In Safari only, clicking navigation links would change the URL but not update the page content
This happened specifically after refreshing a page or visiting it twice
The site worked normally in Chrome
Root Cause: The problem was traced to a reusable button component that had its disabled state set using Plasmic’s built-in disabled variant. When this disabled state was active, it prevented proper navigation in Safari.
Solution: Instead of using Plasmic’s registered disabled variant, I created a custom variant to replicate the disabled button behavior. This completely resolved the navigation issues while maintaining the desired button functionality.
I hope this helps anyone else who encounters similar Safari navigation problems. If you’re seeing URLs change without page updates in Safari, check for any components using the built-in disabled variant state.
As a note, this problem happens anytime I add any customizable component and set it its disabled variant to true. Not sure how to get to the root cause, but avoiding the disabled state or the read only state on these components for now.
Actually I have added more customizable components, like select and radio groups with nothing disabled and it is causing the navigation problem again. For now I will avoid reusable components, but would love to figure out what is going wrong here.
Hello @jason, I am now having this issue across browsers and am using Plasmic hosting. You can see the project URL above and hopefully be able to easily reproduce the issue. Many of the links in the nav are not there yet, but you can try the Applied Automaton link in the Approach nav or any of the legal docs in the footer.
To repeat, when clicked the url updates but the page does not navigate. If you hit refresh the page navigates because the browser is seemingly reloading the url it has. I am fairly certain this has something to do with the customizable components.
Hi @higinio_maycotte, I watched your video and visited your website but wasn’t able to reproduce it. Were you able to fix the issue on your own? If so, can you share what the issue was?
You will notice in the published project when you click the next page link the url changes but we don’t get routed to the new page. When I disable the settings menu which contains customizable components routing/navigation resumes. This happens on any browser, desktop or mobile.
I’m not able to reproduce the issue. I tried all 3 links, and each one resulted in a successful client-side navigation. Could you take a screen recording and link it here?