From 3c60dafdce4b0cee797f0c246baed7c0bb30ceae Mon Sep 17 00:00:00 2001
From: Arman <arman@appwrite.io>
Date: Thu, 8 Aug 2024 14:09:09 +0200
Subject: [PATCH] fix: droplist z-index

---
 src/lib/components/drop.svelte     | 2 +-
 src/lib/components/dropList.svelte | 5 ++---
 2 files changed, 3 insertions(+), 4 deletions(-)

diff --git a/src/lib/components/drop.svelte b/src/lib/components/drop.svelte
index 9d4e07e0d..2d4ee2b73 100644
--- a/src/lib/components/drop.svelte
+++ b/src/lib/components/drop.svelte
@@ -120,7 +120,7 @@
     bind:this={tooltip}
     class:u-width-full-line={fullWidth}
     style:--arrow-size={`${arrowSize}px`}
-    style:z-index="10">
+    style:z-index="21">
     <div
         class="drop-arrow"
         class:is-popover={isPopover}
diff --git a/src/lib/components/dropList.svelte b/src/lib/components/dropList.svelte
index effecd4a6..49b540823 100644
--- a/src/lib/components/dropList.svelte
+++ b/src/lib/components/dropList.svelte
@@ -31,9 +31,8 @@
         <div
             class="drop is-no-arrow"
             class:u-max-width-100-percent={fullWidth}
-            style={`${width ? `--drop-width-size-desktop:${width}rem; ` : ''} ${
-                position === 'static' ? 'position:static' : 'position:relative'
-            }`}>
+            style:--drop-width-size-desktop={width ? `${width}rem` : ''}
+            style:position>
             {#if $$slots.list}
                 <section
                     class:u-overflow-y-auto={scrollable}