fix(dashboards): Ensure text card draggability (PostHog#24859)

M3GA-MAK3R · Sep 9, 2024 · f3b6bc4 · f3b6bc4
1 parent 2d89685
commit f3b6bc4
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 3 deletions.
diff --git 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
@@ -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}