From 0b1f9f0e5b7727a63d2c0563c4a8c1d1f7ce06e6 Mon Sep 17 00:00:00 2001
From: Anmol Singh Bhatia <121005188+anmolsinghbhatia@users.noreply.github.com>
Date: Tue, 16 Jul 2024 16:06:19 +0530
Subject: [PATCH] fix: spreadsheet layout quick action event propagation
 (#5141)

---
 .../issues/issue-layouts/spreadsheet/issue-row.tsx  | 13 ++++++-------
 1 file changed, 6 insertions(+), 7 deletions(-)

diff --git a/web/core/components/issues/issue-layouts/spreadsheet/issue-row.tsx b/web/core/components/issues/issue-layouts/spreadsheet/issue-row.tsx
index 58ed247d1..189fdb906 100644
--- a/web/core/components/issues/issue-layouts/spreadsheet/issue-row.tsx
+++ b/web/core/components/issues/issue-layouts/spreadsheet/issue-row.tsx
@@ -30,9 +30,7 @@ interface Props {
   isEstimateEnabled: boolean;
   quickActions: TRenderQuickActions;
   canEditProperties: (projectId: string | undefined) => boolean;
-  updateIssue:
-    | ((projectId: string | null, issueId: string, data: Partial<TIssue>) => Promise<void>)
-    | undefined;
+  updateIssue: ((projectId: string | null, issueId: string, data: Partial<TIssue>) => Promise<void>) | undefined;
   portalElement: React.MutableRefObject<HTMLDivElement | null>;
   nestingLevel: number;
   issueId: string;
@@ -133,9 +131,7 @@ interface IssueRowDetailsProps {
   isEstimateEnabled: boolean;
   quickActions: TRenderQuickActions;
   canEditProperties: (projectId: string | undefined) => boolean;
-  updateIssue:
-    | ((projectId: string | null, issueId: string, data: Partial<TIssue>) => Promise<void>)
-    | undefined;
+  updateIssue: ((projectId: string | null, issueId: string, data: Partial<TIssue>) => Promise<void>) | undefined;
   portalElement: React.MutableRefObject<HTMLDivElement | null>;
   nestingLevel: number;
   issueId: string;
@@ -328,7 +324,10 @@ const IssueRowDetails = observer((props: IssueRowDetailsProps) => {
                 </Tooltip>
               </div>
             </div>
-            <div className={`hidden group-hover:block ${isMenuActive ? "!block" : ""}`}>
+            <div
+              className={`hidden group-hover:block ${isMenuActive ? "!block" : ""}`}
+              onClick={(e) => e.stopPropagation()}
+            >
               {quickActions({
                 issue: issueDetail,
                 parentRef: cellRef,