From 673e02315f50f218d140d0db2deeb5d6e99b4041 Mon Sep 17 00:00:00 2001
From: Guilhem <guilhemlemouel@gmail.com>
Date: Tue, 18 Feb 2025 18:17:22 +0000
Subject: [PATCH] remove unused Portal

---
 .../lib/components/meltComponents/Menu.svelte | 28 ++++++++-----------
 1 file changed, 12 insertions(+), 16 deletions(-)

diff --git a/frontend/src/lib/components/meltComponents/Menu.svelte b/frontend/src/lib/components/meltComponents/Menu.svelte
index cb609ecce5..80300fe57d 100644
--- a/frontend/src/lib/components/meltComponents/Menu.svelte
+++ b/frontend/src/lib/components/meltComponents/Menu.svelte
@@ -1,8 +1,8 @@
 <script lang="ts">
-	import Portal from '$lib/components/Portal.svelte'
 	import { melt, createSync } from '@melt-ui/svelte'
 	import type { Placement } from '@floating-ui/core'
 	import { pointerDownOutside } from '$lib/utils'
+	import { zIndexes } from '$lib/zIndexes'
 
 	import { twMerge } from 'tailwind-merge'
 	import ResolveOpen from '$lib/components/common/menu/ResolveOpen.svelte'
@@ -66,20 +66,16 @@
 		<slot name="trigger" trigger={$trigger} />
 	</button>
 
-	<Portal name="menu-v3">
-		<div class="z-[6000]" use:melt={$menuElement} data-menu>
-			<div
-				class={twMerge(
-					'border w-56 origin-top-right rounded-md shadow-md focus:outline-none overflow-y-auto',
-					lightMode ? 'bg-surface-inverse' : 'bg-surface',
-					invisible ? 'opacity-0' : ''
-				)}
-				style="max-height: {maxHeight}px;"
-			>
-				<div class="my-1">
-					<slot item={$item} />
-				</div>
-			</div>
+	<div use:melt={$menuElement} data-menu style="z-index: {zIndexes.contextMenu};">
+		<div
+			class={twMerge(
+				'border w-56 origin-top-right rounded-md shadow-md focus:outline-none overflow-y-auto py-1',
+				lightMode ? 'bg-surface-inverse' : 'bg-surface',
+				invisible ? 'opacity-0' : ''
+			)}
+			style="max-height: {maxHeight}px; "
+		>
+			<slot item={$item} />
 		</div>
-	</Portal>
+	</div>
 </div>