diff --git a/package-lock.json b/package-lock.json
index 1eea0c5d8a4..19e224f99cd 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -48,7 +48,6 @@
         "vue-frag": "^1.4.3",
         "vue-material-design-icons": "^5.3.0",
         "vue-observe-visibility": "^1.0.0",
-        "vue-prevent-unload": "^0.2.3",
         "vue-router": "^3.6.5",
         "vue-shortkey": "^3.1.7",
         "vue-virtual-scroller": "^1.1.2",
@@ -19727,11 +19726,6 @@
       "resolved": "https://registry.npmjs.org/vue-observe-visibility/-/vue-observe-visibility-1.0.0.tgz",
       "integrity": "sha512-s5TFh3s3h3Mhd3jaz3zGzkVHKHnc/0C/gNr30olO99+yw2hl3WBhK3ng3/f9OF+qkW4+l7GkmwfAzDAcY3lCFg=="
     },
-    "node_modules/vue-prevent-unload": {
-      "version": "0.2.3",
-      "resolved": "https://registry.npmjs.org/vue-prevent-unload/-/vue-prevent-unload-0.2.3.tgz",
-      "integrity": "sha512-QfHDDRiw5zrgaxyVJZxdyMPRHwuJDxveFB6vWGxFfWL1ee+VlkSHOOOri17uNTGzC+PC3OAW19FOJENeodnc8A=="
-    },
     "node_modules/vue-resize": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/vue-resize/-/vue-resize-1.0.1.tgz",
@@ -35242,11 +35236,6 @@
       "resolved": "https://registry.npmjs.org/vue-observe-visibility/-/vue-observe-visibility-1.0.0.tgz",
       "integrity": "sha512-s5TFh3s3h3Mhd3jaz3zGzkVHKHnc/0C/gNr30olO99+yw2hl3WBhK3ng3/f9OF+qkW4+l7GkmwfAzDAcY3lCFg=="
     },
-    "vue-prevent-unload": {
-      "version": "0.2.3",
-      "resolved": "https://registry.npmjs.org/vue-prevent-unload/-/vue-prevent-unload-0.2.3.tgz",
-      "integrity": "sha512-QfHDDRiw5zrgaxyVJZxdyMPRHwuJDxveFB6vWGxFfWL1ee+VlkSHOOOri17uNTGzC+PC3OAW19FOJENeodnc8A=="
-    },
     "vue-resize": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/vue-resize/-/vue-resize-1.0.1.tgz",
diff --git a/package.json b/package.json
index c4b2b1a49f7..72f5a04df25 100644
--- a/package.json
+++ b/package.json
@@ -63,7 +63,6 @@
     "vue-frag": "^1.4.3",
     "vue-material-design-icons": "^5.3.0",
     "vue-observe-visibility": "^1.0.0",
-    "vue-prevent-unload": "^0.2.3",
     "vue-router": "^3.6.5",
     "vue-shortkey": "^3.1.7",
     "vue-virtual-scroller": "^1.1.2",
diff --git a/src/App.vue b/src/App.vue
index dc1f4cae93e..9c32d96b480 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -13,7 +13,6 @@
 			<router-view />
 		</NcAppContent>
 		<RightSidebar :is-in-call="isInCall" />
-		<PreventUnload :when="warnLeaving || isSendingMessages" />
 		<MediaSettings :recording-consent-given.sync="recordingConsentGiven" />
 		<SettingsDialog />
 		<ConversationSettingsDialog />
@@ -23,7 +22,6 @@
 <script>
 import debounce from 'debounce'
 import { provide } from 'vue'
-import PreventUnload from 'vue-prevent-unload'
 
 import { getCurrentUser } from '@nextcloud/auth'
 import { emit, subscribe, unsubscribe } from '@nextcloud/event-bus'
@@ -58,7 +56,6 @@ export default {
 		NcAppContent,
 		NcContent,
 		LeftSidebar,
-		PreventUnload,
 		RightSidebar,
 		SettingsDialog,
 		ConversationSettingsDialog,
@@ -246,6 +243,10 @@ export default {
 		}
 	},
 
+	created() {
+		window.addEventListener('beforeunload', this.preventUnload)
+	},
+
 	beforeDestroy() {
 		this.debounceRefreshCurrentConversation.clear?.()
 		if (!getCurrentUser()) {
@@ -254,6 +255,8 @@ export default {
 		document.removeEventListener('visibilitychange', this.changeWindowVisibility)
 
 		unsubscribe('notifications:action:execute', this.interceptNotificationActions)
+
+		window.removeEventListener('beforeunload', this.preventUnload)
 	},
 
 	beforeMount() {
@@ -671,6 +674,14 @@ export default {
 			this.windowHeight = window.innerHeight - document.getElementById('header').clientHeight
 		},
 
+		preventUnload(event) {
+			if (!this.warnLeaving && !this.isSendingMessages) {
+				return
+			}
+
+			event.preventDefault()
+		},
+
 		/**
 		 * Get a conversation's name.
 		 *
diff --git a/src/FilesSidebarCallViewApp.vue b/src/FilesSidebarCallViewApp.vue
index 022409e29f4..d234049d4a3 100644
--- a/src/FilesSidebarCallViewApp.vue
+++ b/src/FilesSidebarCallViewApp.vue
@@ -11,13 +11,10 @@
 		<CallView v-if="showCallView"
 			:token="token"
 			:is-sidebar="true" />
-		<PreventUnload :when="warnLeaving" />
 	</div>
 </template>
 
 <script>
-import PreventUnload from 'vue-prevent-unload'
-
 import LoadingComponent from './components/LoadingComponent.vue'
 
 import { useHashCheck } from './composables/useHashCheck.js'
@@ -35,7 +32,6 @@ export default {
 				render: (h) => h(LoadingComponent, { class: 'call-loading' }),
 			},
 		}),
-		PreventUnload,
 		TopBar: () => import(/* webpackChunkName: "files-sidebar-call-chunk" */'./components/TopBar/TopBar.vue'),
 	},
 
@@ -147,7 +143,23 @@ export default {
 		},
 	},
 
+	created() {
+		window.addEventListener('beforeunload', this.preventUnload)
+	},
+
+	beforeDestroy() {
+		window.removeEventListener('beforeunload', this.preventUnload)
+	},
+
 	methods: {
+		preventUnload(event) {
+			if (!this.warnLeaving) {
+				return
+			}
+
+			event.preventDefault()
+		},
+
 		setFileInfo(fileInfo) {
 		},
 
diff --git a/src/PublicShareSidebar.vue b/src/PublicShareSidebar.vue
index 0629d2a1ba2..9e10e5fdef2 100644
--- a/src/PublicShareSidebar.vue
+++ b/src/PublicShareSidebar.vue
@@ -26,7 +26,6 @@
 				<CallView v-if="isInCall"
 					:token="token"
 					:is-sidebar="true" />
-				<PreventUnload :when="warnLeaving" />
 				<CallButton class="call-button" />
 				<ChatView />
 				<PollViewer />
@@ -37,8 +36,6 @@
 </template>
 
 <script>
-import PreventUnload from 'vue-prevent-unload'
-
 import { showError } from '@nextcloud/dialogs'
 import { loadState } from '@nextcloud/initial-state'
 
@@ -64,7 +61,6 @@ import { checkBrowser } from './utils/browserCheck.js'
 import { signalingKill } from './utils/webrtc/index.js'
 
 export default {
-
 	name: 'PublicShareSidebar',
 
 	components: {
@@ -74,7 +70,6 @@ export default {
 		MediaSettings,
 		NcButton,
 		PollViewer,
-		PreventUnload,
 		TopBar,
 		TransitionWrapper,
 	},
@@ -126,6 +121,10 @@ export default {
 		},
 	},
 
+	created() {
+		window.addEventListener('beforeunload', this.preventUnload)
+	},
+
 	beforeMount() {
 		window.addEventListener('unload', () => {
 			if (this.token) {
@@ -139,7 +138,18 @@ export default {
 		})
 	},
 
+	beforeDestroy() {
+		window.removeEventListener('beforeunload', this.preventUnload)
+	},
+
 	methods: {
+		preventUnload(event) {
+			if (!this.warnLeaving) {
+				return
+			}
+
+			event.preventDefault()
+		},
 
 		async joinConversation() {
 			checkBrowser()