How do I disable the "Leave page" confirmation dialog in Firefox?

Question

I have the following code in my Vue application for detecting when the user closes the tab:

onBeforeUnload() {
  window.onbeforeunload = null;
  return undefined;
}

Disabling the "Leave page" confirmation dialog works in Chrome, but not on Firefox. Why is that? How do I disable the confirmation dialog on Firefox?

Edit 1: Adding and removing beforeunload listeners

created() {
    window.addEventListener('beforeunload', this.onBeforeUnload);
},
beforeDestroy() {
    window.removeEventListener('beforeunload', this.onBeforeUnload);
}

Something may be adding the confirmation with `window.addEventListener()` rather than assigning to `window.onbeforeunload`. You can't remove that unless you know the name of the function that was added. — Barmar, Dec 16 '21 at 17:03
@Barmar I have added an edit to my post that has the `addEventListener` for my `Vue` application. — CrashV24232, Dec 16 '21 at 17:06
Does this answer your question? [How to disable/override "Do you want to leave this site?" alert?](https://stackoverflow.com/questions/38723567/how-to-disable-override-do-you-want-to-leave-this-site-alert) — Heretic Monkey, Dec 16 '21 at 17:15
@HereticMonkey I've looked at those answers before, but I managed to figure out how to fix the problem now. — CrashV24232, Dec 16 '21 at 17:55

score 1 · Accepted Answer · answered Dec 16 '21 at 17:57

1

Changing my onBeforeUnload method to this fixed the problem:

onBeforeUnload(e) {
  window.onbeforeunload = () => {};
  delete e.returnValue;
}

answered Dec 16 '21 at 17:57

CrashV24232

51
2
9

How do I disable the "Leave page" confirmation dialog in Firefox?

1 Answers1