From 81f67d63af4c6416c36d8edf2f89c7cb61407858 Mon Sep 17 00:00:00 2001
From: Anmol Singh Bhatia <anmolsinghbhatia@plane.so>
Date: Wed, 28 Aug 2024 16:03:42 +0530
Subject: [PATCH 1/2] fix: quick action hover

---
 web/core/components/issues/issue-layouts/kanban/block.tsx  | 7 +------
 .../components/labels/label-block/label-item-block.tsx     | 2 +-
 .../components/workspace/sidebar/projects-list-item.tsx    | 1 +
 3 files changed, 3 insertions(+), 7 deletions(-)

diff --git a/web/core/components/issues/issue-layouts/kanban/block.tsx b/web/core/components/issues/issue-layouts/kanban/block.tsx
index 1a31f0e1894..4fe533a859c 100644
--- a/web/core/components/issues/issue-layouts/kanban/block.tsx
+++ b/web/core/components/issues/issue-layouts/kanban/block.tsx
@@ -70,12 +70,7 @@ const KanbanIssueDetailsBlock: React.FC<IssueDetailsBlockProps> = observer((prop
               textContainerClassName="line-clamp-1 text-xs text-custom-text-300"
             />
           )}
-          <div
-            className={cn("absolute -top-1 right-0", {
-              "hidden group-hover/kanban-block:block": !isMobile,
-            })}
-            onClick={handleEventPropagation}
-          >
+          <div className="absolute -top-1 right-0" onClick={handleEventPropagation}>
             {quickActions({
               issue,
               parentRef: cardRef,
diff --git a/web/core/components/labels/label-block/label-item-block.tsx b/web/core/components/labels/label-block/label-item-block.tsx
index 95d37310799..564481dc8ba 100644
--- a/web/core/components/labels/label-block/label-item-block.tsx
+++ b/web/core/components/labels/label-block/label-item-block.tsx
@@ -59,7 +59,7 @@ export const LabelItemBlock = (props: ILabelItemBlock) => {
             : "opacity-0 group-hover:pointer-events-auto group-hover:opacity-100"
         } ${isLabelGroup && "-top-0.5"}`}
       >
-        <CustomMenu ellipsis>
+        <CustomMenu ellipsis menuButtonOnClick={() => setIsMenuActive(!isMenuActive)} useCaptureForOutsideClick>
           {customMenuItems.map(
             ({ isVisible, onClick, CustomIcon, text, key }) =>
               isVisible && (
diff --git a/web/core/components/workspace/sidebar/projects-list-item.tsx b/web/core/components/workspace/sidebar/projects-list-item.tsx
index 5feada1a8f4..4283ac394f0 100644
--- a/web/core/components/workspace/sidebar/projects-list-item.tsx
+++ b/web/core/components/workspace/sidebar/projects-list-item.tsx
@@ -386,6 +386,7 @@ export const SidebarProjectsListItem: React.FC<Props> = observer((props) => {
                   )}
                   customButtonClassName="grid place-items-center"
                   placement="bottom-start"
+                  useCaptureForOutsideClick
                 >
                   {!isViewerOrGuest && (
                     <CustomMenu.MenuItem

From 4947dd493751a8e0a5e07fbb268218d11c5d14d8 Mon Sep 17 00:00:00 2001
From: Anmol Singh Bhatia <anmolsinghbhatia@plane.so>
Date: Wed, 28 Aug 2024 19:57:12 +0530
Subject: [PATCH 2/2] chore: code refactor

---
 web/core/components/issues/issue-layouts/kanban/block.tsx | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/web/core/components/issues/issue-layouts/kanban/block.tsx b/web/core/components/issues/issue-layouts/kanban/block.tsx
index 4fe533a859c..1a31f0e1894 100644
--- a/web/core/components/issues/issue-layouts/kanban/block.tsx
+++ b/web/core/components/issues/issue-layouts/kanban/block.tsx
@@ -70,7 +70,12 @@ const KanbanIssueDetailsBlock: React.FC<IssueDetailsBlockProps> = observer((prop
               textContainerClassName="line-clamp-1 text-xs text-custom-text-300"
             />
           )}
-          <div className="absolute -top-1 right-0" onClick={handleEventPropagation}>
+          <div
+            className={cn("absolute -top-1 right-0", {
+              "hidden group-hover/kanban-block:block": !isMobile,
+            })}
+            onClick={handleEventPropagation}
+          >
             {quickActions({
               issue,
               parentRef: cardRef,