From 8ed283f8124d5e4a49f2bdcb3cb8e07239123773 Mon Sep 17 00:00:00 2001
From: Guilhem <guilhemlemouel@gmail.com>
Date: Tue, 18 Feb 2025 19:23:23 +0000
Subject: [PATCH] fix component jumping due to z-index

---
 frontend/src/lib/components/meltComponents/Menu.svelte | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/frontend/src/lib/components/meltComponents/Menu.svelte b/frontend/src/lib/components/meltComponents/Menu.svelte
index 80300fe57d..b26030c9bd 100644
--- a/frontend/src/lib/components/meltComponents/Menu.svelte
+++ b/frontend/src/lib/components/meltComponents/Menu.svelte
@@ -42,6 +42,8 @@
 	async function getMenuElements(): Promise<HTMLElement[]> {
 		return Array.from(document.querySelectorAll('[data-menu]')) as HTMLElement[]
 	}
+
+	const zIndex = zIndexes.contextMenu
 </script>
 
 <div class={twMerge('w-full h-8', $$props.class)}>
@@ -66,7 +68,7 @@
 		<slot name="trigger" trigger={$trigger} />
 	</button>
 
-	<div use:melt={$menuElement} data-menu style="z-index: {zIndexes.contextMenu};">
+	<div use:melt={$menuElement} data-menu class={`z-[${zIndex}]`}>
 		<div
 			class={twMerge(
 				'border w-56 origin-top-right rounded-md shadow-md focus:outline-none overflow-y-auto py-1',