From e003775d4e9452a92ddd1ee953fecc3fd13ecd10 Mon Sep 17 00:00:00 2001
From: Bogdan Matei <bogdan.matei@grafana.com>
Date: Mon, 17 Nov 2025 11:37:47 +0200
Subject: [PATCH] Make panel chrome draggable and unselectable

---
 packages/grafana-ui/src/components/PanelChrome/PanelChrome.tsx | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/packages/grafana-ui/src/components/PanelChrome/PanelChrome.tsx b/packages/grafana-ui/src/components/PanelChrome/PanelChrome.tsx
index 3dcfa47c36c..631db853b01 100644
--- a/packages/grafana-ui/src/components/PanelChrome/PanelChrome.tsx
+++ b/packages/grafana-ui/src/components/PanelChrome/PanelChrome.tsx
@@ -381,6 +381,7 @@ export function PanelChrome({
       )}
 
       {hasHeader && (
+        /* eslint-disable react/no-unknown-property */
         <div
           className={cx(styles.headerContainer, dragClass)}
           style={headerStyles}
@@ -389,6 +390,8 @@ export function PanelChrome({
           onMouseEnter={isSelectable ? onHeaderEnter : undefined}
           onMouseLeave={isSelectable ? onHeaderLeave : undefined}
           onPointerUp={onPointerUp}
+          draggable={true}
+          unselectable="on"
         >
           {statusMessage && (
             <div className={dragClassCancel}>