From a038513bfa237bf2e01d37fc84bd0896ed2a11d8 Mon Sep 17 00:00:00 2001
From: Guilhem <guilhemlemouel@gmail.com>
Date: Wed, 12 Feb 2025 16:10:44 +0000
Subject: [PATCH] fix flicker due to z index change

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

diff --git a/frontend/src/lib/components/meltComponents/Popover.svelte b/frontend/src/lib/components/meltComponents/Popover.svelte
index b61d98fdbb..4b99b95534 100644
--- a/frontend/src/lib/components/meltComponents/Popover.svelte
+++ b/frontend/src/lib/components/meltComponents/Popover.svelte
@@ -39,6 +39,8 @@
 	async function getMenuElements(): Promise<HTMLElement[]> {
 		return Array.from(document.querySelectorAll('[data-popover]')) as HTMLElement[]
 	}
+
+	const zIndex = zIndexes.popover
 </script>
 
 <div
@@ -65,9 +67,8 @@
 {#if isOpen && !disablePopup}
 	<div
 		use:melt={$content}
-		transition:fade={{ duration: 100 }}
-		class="w-fit border rounded-md bg-surface overflow-hidden shadow-lg"
-		style="z-index: {zIndexes.popover}"
+		transition:fade={{ duration: 0 }}
+		class="z-[{zIndex}] w-fit border rounded-md bg-surface overflow-hidden shadow-lg"
 		data-popover
 	>
 		{#if displayArrow}