Merge pull request #902 from makeplane/hot-fix-state-dropdown-2232

[WEB-2232] fix: state dropdown

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"
             />
           )}
         />

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
     />
   );

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"
           )}