Overflow effect not working on Safari

Community resources Bugs
1

Share link: https://preview.webflow.com/preview/graphic-design-portfolio-31bf86?utm_medium=preview_link&utm_source=dashboard&utm_content=graphic-design-portfolio-31bf86&preview=b99bc6e4aa64e6793ee0b0a9f85667e3&mode=preview

Hi! I’m running into some issues which seem to only occur when using a Safari browser. Using interactions, I created some page transitions. When a Safari user visits a project page, and then goes back using browsers UI (not the cross on the design itself), the screen will remain black and the animation won’t play. When you refresh the page, the animation works fine again.

I read that there are some bugs with the combination of Safari and the overflow: hidden feature, which I use in the interaction, but I can’t seem to get it fixed. Does anyone have any suggestions on a possible solution?

2

Problem was fixed by the solution in this topic! On Safari Load interactions do not trigger on Back Button press - #4 by coolest_vlad

Adding the following code to the custom code footer section:

        <script>
    $(window).bind("pageshow", function(event) {
        if (event.originalEvent.persisted) {
            window.location.reload() 
        }
    });
    </script>
3

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.