From 32a7b864d65388315c0d0fa821f5057cbb9598d9 Mon Sep 17 00:00:00 2001
From: Akshita Goyal <36129505+gakshita@users.noreply.github.com>
Date: Wed, 21 Aug 2024 18:29:28 +0530
Subject: [PATCH] fix: state dropdown (#901)

---
 web/ee/components/projects/create/attributes.tsx        | 1 +
 web/ee/components/projects/dropdowns/state-dropdown.tsx | 5 +++--
 web/ee/components/projects/layouts/attributes.tsx       | 1 +
 3 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/web/ee/components/projects/create/attributes.tsx b/web/ee/components/projects/create/attributes.tsx
index c8e59a96c5..fa91d411fa 100644
--- a/web/ee/components/projects/create/attributes.tsx
+++ b/web/ee/components/projects/create/attributes.tsx
@@ -34,6 +34,7 @@ const ProjectAttributes: React.FC<Props> = (props) => {
               workspaceId={currentWorkspace.id}
               buttonClassName="h-7"
               disabled={false}
+              optionsClassName="z-20"
             />
           )}
         />
diff --git a/web/ee/components/projects/dropdowns/state-dropdown.tsx b/web/ee/components/projects/dropdowns/state-dropdown.tsx
index f7ec486779..c16e4c68a6 100644
--- a/web/ee/components/projects/dropdowns/state-dropdown.tsx
+++ b/web/ee/components/projects/dropdowns/state-dropdown.tsx
@@ -15,9 +15,10 @@ export type TStateDropdown = {
   className?: string;
   value: string;
   disabled: boolean;
+  optionsClassName?: string;
 };
 export const StateDropdown: FC<TStateDropdown> = observer((props) => {
-  const { workspaceId, onChange, value, disabled, buttonClassName = "", className = "" } = props;
+  const { workspaceId, onChange, value, disabled, buttonClassName = "", className = "", optionsClassName = "" } = props;
   // hooks
   const { getProjectStateById, getProjectStateIdsWithGroupingByWorkspaceId } = useWorkspaceProjectStates();
 
@@ -62,7 +63,7 @@ export const StateDropdown: FC<TStateDropdown> = observer((props) => {
       buttonClassName={buttonClassName}
       className={className}
       disabled={disabled}
-      optionsClassName="z-[19]"
+      optionsClassName={optionsClassName}
       noChevron
     />
   );
diff --git a/web/ee/components/projects/layouts/attributes.tsx b/web/ee/components/projects/layouts/attributes.tsx
index cfa35e69f9..f4d5895537 100644
--- a/web/ee/components/projects/layouts/attributes.tsx
+++ b/web/ee/components/projects/layouts/attributes.tsx
@@ -49,6 +49,7 @@ const Attributes: React.FC<Props> = observer((props) => {
           workspaceSlug={workspaceSlug.toString()}
           workspaceId={currentWorkspace.id}
           disabled={!isEditingAllowed || isArchived}
+          optionsClassName="z-[19]"
           buttonClassName={cn(
             "z-1 h-5 px-2 py-0 text-left rounded group-[.selected-project-row]:bg-custom-primary-100/5 group-[.selected-project-row]:hover:bg-custom-primary-100/10"
           )}