From e79c4ceea4a00a8cb2318bb56e48bc78a5f83748 Mon Sep 17 00:00:00 2001
From: Aman Harwara <amanharwara@protonmail.com>
Date: Wed, 26 Apr 2023 18:29:08 +0530
Subject: [PATCH] chore: fix dropdown z-index

---
 .../web/src/javascripts/Components/Dropdown/Dropdown.tsx   | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/packages/web/src/javascripts/Components/Dropdown/Dropdown.tsx b/packages/web/src/javascripts/Components/Dropdown/Dropdown.tsx
index 23b29a0de..d42dc257a 100644
--- a/packages/web/src/javascripts/Components/Dropdown/Dropdown.tsx
+++ b/packages/web/src/javascripts/Components/Dropdown/Dropdown.tsx
@@ -29,6 +29,13 @@ type DropdownProps = {
 const Dropdown = ({ label, value, onChange, items, disabled, fullWidth, classNameOverride = {} }: DropdownProps) => {
   const select = useSelectStore({
     defaultValue: value,
+    renderCallback(props) {
+      const { popoverElement, defaultRenderCallback } = props
+      defaultRenderCallback()
+      if (popoverElement) {
+        popoverElement.style.zIndex = 'var(--z-index-dropdown-menu)'
+      }
+    },
   })
 
   const selectedValue = select.useState('value')