From 2b634438a144279c2fb6f607365a3bbc8337648c Mon Sep 17 00:00:00 2001
From: Thomas Heartman <thomas@getunleash.io>
Date: Mon, 17 Mar 2025 10:52:09 +0100
Subject: [PATCH] fix: only drag handle is draggable, allow you to select text
 in the header (#9536)

Previously, the entire card was draggable, which meant that you couldn't
select text inside the card or inside the milestone title when editing.
This makes it so that only the drag handle is draggable.
---
 .../MilestoneList/MilestoneCard/MilestoneCard.tsx             | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/frontend/src/component/releases/ReleasePlanTemplate/TemplateForm/MilestoneList/MilestoneCard/MilestoneCard.tsx b/frontend/src/component/releases/ReleasePlanTemplate/TemplateForm/MilestoneList/MilestoneCard/MilestoneCard.tsx
index 2f9b48bcd7..8b57293001 100644
--- a/frontend/src/component/releases/ReleasePlanTemplate/TemplateForm/MilestoneList/MilestoneCard/MilestoneCard.tsx
+++ b/frontend/src/component/releases/ReleasePlanTemplate/TemplateForm/MilestoneList/MilestoneCard/MilestoneCard.tsx
@@ -189,7 +189,7 @@ export const MilestoneCard = ({
 
     const dragHandle = (
         <DragButton type='button'>
-            <DraggableContent>
+            <DraggableContent ref={dragItemRef}>
                 <DragIndicator aria-hidden />
                 <ScreenReaderOnly>Drag to reorder</ScreenReaderOnly>
             </DraggableContent>
@@ -363,7 +363,7 @@ export const MilestoneCard = ({
     if (!milestone.strategies || milestone.strategies.length === 0) {
         return (
             <>
-                <DraggableCardContainer ref={dragItemRef}>
+                <DraggableCardContainer>
                     {dragHandle}
                     <StyledMilestoneCard
                         hasError={