From 9057ee69df344cca14b11733372380ff66b942ce Mon Sep 17 00:00:00 2001
From: Elias Meire <elias@meire.dev>
Date: Wed, 12 Mar 2025 11:36:44 +0100
Subject: [PATCH] fix(editor): Remove unneeded onClickOutside handler from
 context menu (no-changelog) (#13848)

---
 .../src/components/ContextMenu/ContextMenu.vue      | 13 -------------
 1 file changed, 13 deletions(-)

diff --git a/packages/frontend/editor-ui/src/components/ContextMenu/ContextMenu.vue b/packages/frontend/editor-ui/src/components/ContextMenu/ContextMenu.vue
index 6ef92d3b44..d730f5684e 100644
--- a/packages/frontend/editor-ui/src/components/ContextMenu/ContextMenu.vue
+++ b/packages/frontend/editor-ui/src/components/ContextMenu/ContextMenu.vue
@@ -2,13 +2,11 @@
 import { type ContextMenuAction, useContextMenu } from '@/composables/useContextMenu';
 import { N8nActionDropdown } from '@n8n/design-system';
 import { watch, ref } from 'vue';
-import { onClickOutside } from '@vueuse/core';
 
 const contextMenu = useContextMenu();
 const { position, isOpen, actions, target } = contextMenu;
 const dropdown = ref<InstanceType<typeof N8nActionDropdown>>();
 const emit = defineEmits<{ action: [action: ContextMenuAction, nodeIds: string[]] }>();
-const container = ref<HTMLDivElement>();
 
 watch(
 	isOpen,
@@ -28,27 +26,16 @@ function onActionSelect(item: string) {
 	emit('action', action, contextMenu.targetNodeIds.value);
 }
 
-function closeMenu(event: MouseEvent) {
-	if (event.cancelable) {
-		event.preventDefault();
-	}
-	event.stopPropagation();
-	contextMenu.close();
-}
-
 function onVisibleChange(open: boolean) {
 	if (!open) {
 		contextMenu.close();
 	}
 }
-
-onClickOutside(container, closeMenu);
 </script>
 
 <template>
 	<Teleport v-if="isOpen" to="body">
 		<div
-			ref="container"
 			:class="$style.contextMenu"
 			:style="{
 				left: `${position[0]}px`,