Fix: Disable draggable panels on small devices (#20629)

* fix for draggable on mobile

* elaborate in code comment

public/app/features/dashboard/dashgrid/DashboardGrid.tsx

@@ -58,11 +58,17 @@ function GridWrapper({
     }
     }
   }
   }
 
 
+  /*
+    Disable draggable if mobile device, solving an issue with unintentionally
+     moving panels. https://github.com/grafana/grafana/issues/18497
+  */
+  const draggable = width <= 420 ? false : isDraggable;
+
   return (
   return (
     <ReactGridLayout
     <ReactGridLayout
       width={lastGridWidth}
       width={lastGridWidth}
       className={className}
       className={className}
-      isDraggable={isDraggable}
+      isDraggable={draggable}
       isResizable={isResizable}
       isResizable={isResizable}
       containerPadding={[0, 0]}
       containerPadding={[0, 0]}
       useCSSTransforms={false}
       useCSSTransforms={false}