Safari: onbeforeunload

Question

Prerequisite: You must be on Safari 10 .

Hi, I have a delivery problem | Stay in the confirmation field to display on my page in different browsers.

Go to https://www.biznessapps.com/cms and log in with the following credentials:

username: [e-mail] password: skl@0 !_~!( 

Once you are logged in, go to the / welcome page. Click "Settings" in the left sidebar and go to the "Membership" tab.

If you see “Enable Membership Features,” then click on it and change something there and go to another page. A confirmation window will appear the first time you try to leave the page.

Click "Leave" to go to the landing page, and then return to this settings page and try the same action; you will not see a confirmation window again (when using Safari).

I used this piece of code at: https://www.biznessapps.com/cms/v2/public/scripts/pages/settings.js?v=68.160720

 /* settingsPages.isChanged() is my custom function */ window.addEventListener("beforeunload", function(event) { if (settingsPage.isChanged()) { event.returnValue = "some string"; return "some string"; } }); 

It works fine in Google Chrome and Firefox, but not in Safari.

Thanks!

Answer 1

This is probably due to the Safari Back-Forward cache. A decent article can be found here: https://team.goodeggs.com/you-forgot-about-bfcache-f7a9bdeceb6c#.qgri9etsb

The fix is ​​to simply reload the page if it is loaded from the cache, for example:

 window.onpageshow = function(event) { if (event.persisted) { window.location.reload() } }; 

event.persisted - the magic part. This is true if the page was loaded using the browsers "back" or "forward".