From b93e843a5ebb80f54af02e3a6cf373963f7fa742 Mon Sep 17 00:00:00 2001
From: Shaurya Sharma <79473274+shaurya-sharma064@users.noreply.github.com>
Date: Fri, 25 Oct 2024 12:42:38 +0530
Subject: [PATCH] Components getting selected while resizing query panel fix
 (#2494)

---
 frontend/src/AppBuilder/QueryPanel/QueryPanel.jsx | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

diff --git a/frontend/src/AppBuilder/QueryPanel/QueryPanel.jsx b/frontend/src/AppBuilder/QueryPanel/QueryPanel.jsx
index f10477bd6b..b07d4f73e1 100644
--- a/frontend/src/AppBuilder/QueryPanel/QueryPanel.jsx
+++ b/frontend/src/AppBuilder/QueryPanel/QueryPanel.jsx
@@ -76,9 +76,13 @@ export const QueryPanel = ({ darkMode }) => {
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [windowSize.height, isExpanded, isWindowResizing]);
 
-  const onMouseDown = useCallback(() => {
-    if (isTopOfQueryPanel) setIsDraggingQueryPane(true);
-  }, [isTopOfQueryPanel]);
+  const onMouseDown = useCallback(
+    (e) => {
+      e.preventDefault();
+      if (isTopOfQueryPanel) setIsDraggingQueryPane(true);
+    },
+    [isTopOfQueryPanel]
+  );
 
   const onMouseUp = useCallback((e) => {
     setIsDraggingQueryPane(false);