Does Webflow have a fix for the bug where the previous page does not appear when using the native browser buttons in Safari?

TL;DR
  • Disable or simplify page load animations and avoid full-page scroll interactions in Webflow that interfere with Safari’s back button behavior.  
  • Remove custom JavaScript for page transitions and test the published site in Safari; if issues persist, report them to Webflow.

Safari users may experience issues where the native browser Back button doesn't return to the previous Webflow page as expected. This is typically due to Webflow's use of page transitions or JavaScript-based routing behavior.

​

1. Understand the Root Cause

​

  • This issue is most common when using Page Load interactions (especially “on page load” animations) inside Webflow.
  • Safari can have inconsistent scroll restoration and history management, particularly when custom scripts or animations interfere with native navigation.
  • It rarely affects static pages with no page transitions or animations.

​

2. Workaround Using Webflow Settings

​

  • Disable Page Load Animations: If you're using “When page finishes loading” in your Webflow interactions, try removing or simplifying it. These can prevent Safari from restoring previous state.
  • Avoid Full-Page Scroll Interactions: Full-page scroll animations can conflict with browser back behavior in Safari.

​

3. Check Custom Code

​

  • If you’re using any custom JavaScript for page transitions (like Barba.js or smoothState.js), this can directly interfere with Safari's Back button.
  • Temporarily remove all custom code and test the problem. If it resolves, the issue likely lies in the custom script blocking the native history flow.

​

4. Test in Webflow Preview & Published Site Separately

​

  • The Webflow Designer Preview doesn’t behave exactly like the published site.
  • Always publish your site and test navigation in the actual Safari browser to get accurate results.

​

5. Report to Webflow if Persistent

​

  • Webflow has no official fix publicly announced for this specific Safari issue, but they are aware of it.
  • Submit a report via https://webflow.com/contact with a screen recording and steps to reproduce the issue.

​

Summary

​

This bug is linked to page load animations and JavaScript affecting Safari's native history behavior. To minimize it, avoid heavy page load interactions, remove transition scripts, and test thoroughly in Safari. If it persists, contact Webflow directly.

Webflow Resources
Webflow templates
Webflow inspiration
Rate this answer

Other Webflow Questions

Explore Logic tutorials
How can I clear all items in the shopping cart on my Webflow site? Is there a way to clear the user's cache or use a button that reloads the page and empties the shopping cart?
How can I implement the instructions in this article to disable text area resize in Webflow?
What could be causing my background video to only appear as a line in my column after uploading it on Webflow?
How can I disable right-clicking on images to prevent downloading on my Webflow portfolio website?
How can I overlay text on an image within a section in Webflow?
How can I remove autoplay from a video background in Webflow and play the video with a button click? The code I have tried doesn't seem to work.
How can I get the checkboxes to update the price and register when added to the cart in Webflow using jQuery or any other method?
How can I enable a dark mode option using Webflow in 2020? I've heard it involves triggers and there might be some discussions on the Webflow forums about it. Can you provide a detailed explanation? Thank you!
Is there an alternative method for adding a nationality dropdown to my website in Webflow without exceeding the 10k character limit for custom embed code?
How can I correctly connect a specific form to an ebook collection item in Webflow in order to send the user an email with the correct pdf link after submitting the form?
Is it possible to make the logo slider in the retailer sections of my Webflow site continuously rotate smoothly from right to left instead of changing like a regular slider?
How can I make related posts appear on my individual blog page in Webflow? I have two collections: one with all my blog posts and another with my categories. I have created a reference for "Category" in the blog posts collection that links to the second collection. When I try to create a new collection list at the bottom of the individual blog page and filter the posts to match the category of the current post, there is no option to filter by category. I have already reviewed various resources and tutorials but haven't found a solution. Can someone please assist me?
How can I center an image within a div block in Webflow, with dimensions of 140x140 and 100px radius corners? I have tried removing styles and following a tutorial, but I am unable to vertically center the image. The blue line also appears above the div instead of within it. Any suggestions?
Is there a fix for the laggy scrolling issue on the mobile version of my website in Webflow?
Why does a div in Webflow always have a small padding space at the bottom, even though it is not coming from the paragraph padding? I've tried justifying and aligning options, but it didn't work. I want the div to hug the content. What am I doing wrong?
Can I capture a screenshot of a Webflow page on click and convert it to a downloadable PDF?
How can I alternate the layout of the image and heading for each collection item in a two-column format on Webflow?
How can I execute JavaScript code when clicking a specific button with a given ID in a Webflow project?
How can I disable the Webflow success or failure state for a sign-up form and display a custom thank you page using jQuery and the Webflow form submit state?
How can I create a vertical scrolling menu with Webflow, similar to the one on Apple's website, that switches to horizontal scrolling when the menu doesn't fit on one screen?
How can I change the language of the Google Maps embed from English to Arabic in Webflow?
How can I reduce the vertical space between lines within a bullet point in Webflow? Can I replace the bullet points with icons on the "Services" page?
How can the text color be changed for custom input fields on Webflow?
How can I add conditional visibility in Webflow to prevent a div from appearing on a published page if a CMS field is empty?
How can I stop a YouTube video from playing in the background in audio mode when I close a modal in Webflow?
How can I connect and use my JavaScript and CSS files for special functions and styles in Webflow?
How can I fix the "Ensure text remains visible during webfont load" warning in Webflow?
How can I implement a ThreeJS script as a background for my Webflow project using custom code?
How can I send data from a Webflow Form to ActiveCampaign without using Zapier? I have set the form to POST and input the form's action URL, similar to Mailchimp but it redirects me to the admin area of ActiveCampaign without sending the data. Has anyone had success with this method?
Can Webflow be used to create a "blob" elements effect in the header of a website using custom code or JavaScript?