From f3b6bc41f4abf5778d2c59d9ce3dded268d0bcdd Mon Sep 17 00:00:00 2001
From: Michael Matloka <dev@twixes.com>
Date: Mon, 9 Sep 2024 16:21:07 +0200
Subject: [PATCH] fix(dashboards): Ensure text card draggability (#24859)

---
 frontend/src/scenes/dashboard/DashboardItems.scss | 5 +++--
 frontend/src/scenes/dashboard/DashboardItems.tsx  | 2 +-
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/frontend/src/scenes/dashboard/DashboardItems.scss b/frontend/src/scenes/dashboard/DashboardItems.scss
index 7107657348f3e..79c3eb0470b0f 100644
--- a/frontend/src/scenes/dashboard/DashboardItems.scss
+++ b/frontend/src/scenes/dashboard/DashboardItems.scss
@@ -23,8 +23,9 @@
     will-change: width, height;
 }
 
-.react-grid-item.react-draggable .CardMeta {
-    // .CardMeta is the draggable handle
+.react-grid-item.react-draggable .CardMeta,
+.react-grid-item.react-draggable .TextCard__body {
+    // .CardMeta is the draggable handle of insight cards. Text cards are draggable as a whole
     cursor: move;
     user-select: none; // Prevent accidental text selection while dragging
 }
diff --git a/frontend/src/scenes/dashboard/DashboardItems.tsx b/frontend/src/scenes/dashboard/DashboardItems.tsx
index 48196a79c1b8d..bef19ceff2796 100644
--- a/frontend/src/scenes/dashboard/DashboardItems.tsx
+++ b/frontend/src/scenes/dashboard/DashboardItems.tsx
@@ -59,7 +59,7 @@ export function DashboardItems(): JSX.Element {
                 <ReactGridLayout
                     width={gridWrapperWidth}
                     className={className}
-                    draggableHandle=".CardMeta"
+                    draggableHandle=".CardMeta,.TextCard__body"
                     isDraggable={dashboardMode === DashboardMode.Edit}
                     isResizable={dashboardMode === DashboardMode.Edit}
                     layouts={layouts}