From 5e5d01d40746ad053e9358f69eacaf7233220fbc Mon Sep 17 00:00:00 2001
From: Linca <lhcfllinca@gmail.com>
Date: Sun, 5 May 2024 11:42:25 +0000
Subject: [PATCH] fix: Click event of MenuParent unexpectedly goes to
 underlying element

Co-authored-by: Lhcfl <Lhcfl@outlook.com>
---
 packages/client/src/components/MkMenu.vue | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/packages/client/src/components/MkMenu.vue b/packages/client/src/components/MkMenu.vue
index a90e42fc29..b874e29d8f 100644
--- a/packages/client/src/components/MkMenu.vue
+++ b/packages/client/src/components/MkMenu.vue
@@ -130,7 +130,7 @@
 						v-else-if="item.type === 'parent'"
 						class="_button item parent"
 						:class="{ childShowing: childShowingItem === item }"
-						@mouseenter="showChildren(item, $event)"
+						@mouseenter.passive="showChildren(item, $event)"
 						@click.stop="showChildren(item, $event)"
 					>
 						<i
@@ -318,6 +318,7 @@ function onItemMouseLeave(_item) {
 
 async function showChildren(item: MenuParent, ev: MouseEvent) {
 	if (props.asDrawer) {
+		if (ev.type === "mouseenter") return;
 		os.popupMenu(item.children, (ev.currentTarget ?? ev.target) as HTMLElement);
 		close();
 	} else {