From 9dd4f7900f4e295a806c40ff9a2a9d2bdff90b26 Mon Sep 17 00:00:00 2001
From: Melloware <mellowaredev@gmail.com>
Date: Tue, 10 Oct 2023 14:27:02 -0400
Subject: [PATCH] Fix #5074: Prevent rowExpander from clicking row (#5075)

---
 components/layout/topbar.js          | 2 +-
 components/lib/datatable/BodyCell.js | 1 +
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/components/layout/topbar.js b/components/layout/topbar.js
index 4f6920047f..75c8f03e49 100644
--- a/components/layout/topbar.js
+++ b/components/layout/topbar.js
@@ -138,7 +138,7 @@ export default function Topbar(props) {
                     </li>
                     <li>
                         <button type="button" className="p-button flex border-1 w-2rem h-2rem p-0 align-items-center justify-content-center transition-all transition-duration-300 min-w-0" onClick={onConfigButtonClick}>
-                            <i class="pi pi-palette"></i>
+                            <i className="pi pi-palette"></i>
                         </button>
                     </li>
 
diff --git a/components/lib/datatable/BodyCell.js b/components/lib/datatable/BodyCell.js
index d9e9f9990c..375225c35c 100644
--- a/components/lib/datatable/BodyCell.js
+++ b/components/lib/datatable/BodyCell.js
@@ -483,6 +483,7 @@ export const BodyCell = React.memo((props) => {
         });
 
         event.preventDefault();
+        event.stopPropagation();
     };
 
     const onRowEditInit = (event) => {