From d595e43fb898b05382573625a2bba7a3a32c00f1 Mon Sep 17 00:00:00 2001
From: DCCONSTRUCTIONS <dcconstructions@MacBook-Pro-DCCONSTRUCTIONS-2.local>
Date: Thu, 6 Aug 2026 17:58:45 +0300
Subject: [PATCH] =?UTF-8?q?FIX=20-=20TASKER=20UI:=20=D0=BE=D0=B4=D0=BD?=
 =?UTF-8?q?=D0=BE=D1=81=D1=82=D1=80=D0=BE=D1=87=D0=BD=D1=8B=D0=B5=20=D1=81?=
 =?UTF-8?q?=D0=B2=D0=BE=D0=B9=D1=81=D1=82=D0=B2=D0=B0=20=D0=B8=20popover?=
 =?UTF-8?q?=20=D0=BF=D0=BE=D0=B2=D0=B5=D1=80=D1=85=20=D0=BA=D0=B0=D1=80?=
 =?UTF-8?q?=D1=82=D0=BE=D1=87=D0=BA=D0=B8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../dropdowns/member/member-options.tsx           |  7 ++-----
 .../web/core/components/dropdowns/state/base.tsx  | 15 ++++++---------
 plane-src/apps/web/styles/globals.css             |  5 ++++-
 .../packages/ui/src/dropdown/multi-select.tsx     |  2 +-
 .../packages/ui/src/dropdown/single-select.tsx    |  2 +-
 5 files changed, 14 insertions(+), 17 deletions(-)

diff --git a/plane-src/apps/web/core/components/dropdowns/member/member-options.tsx b/plane-src/apps/web/core/components/dropdowns/member/member-options.tsx
index 655baf5..103e2d8 100644
--- a/plane-src/apps/web/core/components/dropdowns/member/member-options.tsx
+++ b/plane-src/apps/web/core/components/dropdowns/member/member-options.tsx
@@ -128,10 +128,7 @@ export const MemberOptions = observer(function MemberOptions(props: Props) {
   return createPortal(
     <Combobox.Options data-prevent-outside-click static>
       <div
-        className={cn(
-          "nodedc-dropdown-surface z-30 my-1 w-52",
-          optionsClassName
-        )}
+        className={cn("nodedc-dropdown-surface nodedc-external-popup-anchor z-[760] my-1 w-52", optionsClassName)}
         ref={setPopperElement}
         style={{
           ...styles.popper,
@@ -143,7 +140,7 @@ export const MemberOptions = observer(function MemberOptions(props: Props) {
           <Combobox.Input
             as="input"
             ref={inputRef}
-            className="w-full bg-transparent py-0 text-12 text-secondary placeholder:text-placeholder outline-none focus:outline-none"
+            className="w-full bg-transparent py-0 text-12 text-secondary outline-none placeholder:text-placeholder focus:outline-none"
             value={query}
             onChange={(e) => setQuery(e.target.value)}
             placeholder={t("search")}
diff --git a/plane-src/apps/web/core/components/dropdowns/state/base.tsx b/plane-src/apps/web/core/components/dropdowns/state/base.tsx
index 218cc51..9a44e09 100644
--- a/plane-src/apps/web/core/components/dropdowns/state/base.tsx
+++ b/plane-src/apps/web/core/components/dropdowns/state/base.tsx
@@ -139,7 +139,7 @@ export const WorkItemStateDropdownBase = observer(function WorkItemStateDropdown
       ref={setReferenceElement}
       type="button"
       className={cn(
-        "clickable block h-full w-full rounded-full border-0 bg-transparent shadow-none outline-none focus:outline-none focus-visible:outline-none focus-visible:ring-0",
+        "clickable block h-full w-full rounded-full border-0 bg-transparent shadow-none outline-none focus:outline-none focus-visible:ring-0 focus-visible:outline-none",
         buttonContainerClassName
       )}
       onClick={handleOnClick}
@@ -154,7 +154,7 @@ export const WorkItemStateDropdownBase = observer(function WorkItemStateDropdown
       ref={setReferenceElement}
       type="button"
       className={cn(
-        "clickable block h-full max-w-full rounded-full border-0 bg-transparent shadow-none outline-none focus:outline-none focus-visible:outline-none focus-visible:ring-0",
+        "clickable block h-full max-w-full rounded-full border-0 bg-transparent shadow-none outline-none focus:outline-none focus-visible:ring-0 focus-visible:outline-none",
         {
           "cursor-not-allowed text-secondary": disabled,
           "cursor-pointer": !disabled,
@@ -189,10 +189,7 @@ export const WorkItemStateDropdownBase = observer(function WorkItemStateDropdown
               <span className="flex-grow truncate text-left">{selectedState?.name ?? t("state")}</span>
             )}
             {dropdownArrow && (
-              <ChevronDownIcon
-                className={cn("h-2.5 w-2.5 flex-shrink-0", dropdownArrowClassName)}
-                aria-hidden="true"
-              />
+              <ChevronDownIcon className={cn("h-2.5 w-2.5 flex-shrink-0", dropdownArrowClassName)} aria-hidden="true" />
             )}
           </>
         )}
@@ -214,9 +211,9 @@ export const WorkItemStateDropdownBase = observer(function WorkItemStateDropdown
     >
       {isOpen &&
         createPortal(
-          <Combobox.Options data-prevent-outside-click className="fixed z-30" static>
+          <Combobox.Options data-prevent-outside-click className="nodedc-external-popup-anchor fixed z-[760]" static>
             <div
-              className="nodedc-dropdown-surface z-30 my-1 w-52"
+              className="nodedc-dropdown-surface nodedc-external-popup-anchor z-[760] my-1 w-52"
               ref={setPopperElement}
               style={styles.popper}
               {...attributes.popper}
@@ -226,7 +223,7 @@ export const WorkItemStateDropdownBase = observer(function WorkItemStateDropdown
                 <Combobox.Input
                   as="input"
                   ref={inputRef}
-                  className="w-full bg-transparent py-0 text-12 text-secondary placeholder:text-placeholder outline-none focus:outline-none"
+                  className="w-full bg-transparent py-0 text-12 text-secondary outline-none placeholder:text-placeholder focus:outline-none"
                   value={query}
                   onChange={(e) => setQuery(e.target.value)}
                   placeholder={t("common.search.label")}
diff --git a/plane-src/apps/web/styles/globals.css b/plane-src/apps/web/styles/globals.css
index 7417944..0b1ca0f 100644
--- a/plane-src/apps/web/styles/globals.css
+++ b/plane-src/apps/web/styles/globals.css
@@ -2403,7 +2403,8 @@
       var(--nodedc-list-property-icon-size)
       var(--nodedc-list-property-icon-size)
       var(--nodedc-list-property-icon-size);
-    grid-auto-flow: row;
+    grid-template-rows: var(--nodedc-list-property-chip-height);
+    grid-auto-flow: column;
     justify-content: start;
     align-items: center;
     column-gap: 0.28rem !important;
@@ -2419,6 +2420,7 @@
     height: var(--nodedc-list-property-chip-height) !important;
     width: 100%;
     min-width: 0;
+    grid-row: 1;
     align-items: center;
     justify-content: center;
   }
@@ -2735,6 +2737,7 @@
     .nodedc-list-property-attachments,
     .nodedc-list-property-links {
       grid-column: auto;
+      grid-row: auto;
       width: auto;
     }
   }
diff --git a/plane-src/packages/ui/src/dropdown/multi-select.tsx b/plane-src/packages/ui/src/dropdown/multi-select.tsx
index bd42b25..003b347 100644
--- a/plane-src/packages/ui/src/dropdown/multi-select.tsx
+++ b/plane-src/packages/ui/src/dropdown/multi-select.tsx
@@ -142,7 +142,7 @@ export function MultiSelectDropdown(props: IMultiSelectDropdown) {
 
       {isOpen &&
         createPortal(
-          <Combobox.Options data-prevent-outside-click className="fixed z-30" static>
+          <Combobox.Options data-prevent-outside-click className="nodedc-external-popup-anchor fixed z-[760]" static>
             <div
               className={cn("nodedc-dropdown-surface my-1 w-56", optionsContainerClassName)}
               ref={setPopperElement}
diff --git a/plane-src/packages/ui/src/dropdown/single-select.tsx b/plane-src/packages/ui/src/dropdown/single-select.tsx
index bd2ccf9..aab827b 100644
--- a/plane-src/packages/ui/src/dropdown/single-select.tsx
+++ b/plane-src/packages/ui/src/dropdown/single-select.tsx
@@ -141,7 +141,7 @@ export function Dropdown(props: ISingleSelectDropdown) {
 
       {isOpen &&
         createPortal(
-          <Combobox.Options data-prevent-outside-click className="fixed z-30" static>
+          <Combobox.Options data-prevent-outside-click className="nodedc-external-popup-anchor fixed z-[760]" static>
             <div
               className={cn("nodedc-dropdown-surface my-1 w-56", optionsContainerClassName)}
               ref={setPopperElement}