From 3afcd3d9fb3d21b3b4ec55f69490bdeed821c226 Mon Sep 17 00:00:00 2001
From: dohyeons <ddhhss0603@gmail.com>
Date: Thu, 16 Oct 2025 10:02:47 +0900
Subject: [PATCH] =?UTF-8?q?=EA=B0=99=EC=9D=80=20=EC=9A=94=EC=86=8C?=
 =?UTF-8?q?=EB=A5=BC=20=EC=97=B0=EC=86=8D=EC=9C=BC=EB=A1=9C=20=EA=BA=BC?=
 =?UTF-8?q?=EB=82=BC=20=EC=88=98=20=EC=9E=88=EA=B2=8C=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/components/admin/dashboard/CanvasElement.tsx |  8 ++++++--
 .../components/admin/dashboard/DashboardTopMenu.tsx   | 11 +++++++++--
 2 files changed, 15 insertions(+), 4 deletions(-)

diff --git a/frontend/components/admin/dashboard/CanvasElement.tsx b/frontend/components/admin/dashboard/CanvasElement.tsx
index 2340007c..fb8d9847 100644
--- a/frontend/components/admin/dashboard/CanvasElement.tsx
+++ b/frontend/components/admin/dashboard/CanvasElement.tsx
@@ -166,7 +166,11 @@ export function CanvasElement({
         return;
       }
 
-      onSelect(element.id);
+      // 선택되지 않은 경우에만 선택 처리
+      if (!isSelected) {
+        onSelect(element.id);
+      }
+
       setIsDragging(true);
       setDragStart({
         x: e.clientX,
@@ -176,7 +180,7 @@ export function CanvasElement({
       });
       e.preventDefault();
     },
-    [element.id, element.position.x, element.position.y, onSelect],
+    [element.id, element.position.x, element.position.y, onSelect, isSelected],
   );
 
   // 리사이즈 핸들 마우스다운
diff --git a/frontend/components/admin/dashboard/DashboardTopMenu.tsx b/frontend/components/admin/dashboard/DashboardTopMenu.tsx
index cc56265a..1d58988f 100644
--- a/frontend/components/admin/dashboard/DashboardTopMenu.tsx
+++ b/frontend/components/admin/dashboard/DashboardTopMenu.tsx
@@ -47,10 +47,15 @@ export function DashboardTopMenu({
   backgroundColor = "#f9fafb",
   onBackgroundColorChange,
 }: DashboardTopMenuProps) {
+  const [chartValue, setChartValue] = React.useState<string>("");
+  const [widgetValue, setWidgetValue] = React.useState<string>("");
+
   // 차트 선택 시 캔버스 중앙에 추가
   const handleChartSelect = (value: string) => {
     if (onAddElement) {
       onAddElement("chart", value as ElementSubtype);
+      // 선택 후 즉시 리셋하여 같은 항목을 연속으로 선택 가능하게
+      setTimeout(() => setChartValue(""), 0);
     }
   };
 
@@ -58,6 +63,8 @@ export function DashboardTopMenu({
   const handleWidgetSelect = (value: string) => {
     if (onAddElement) {
       onAddElement("widget", value as ElementSubtype);
+      // 선택 후 즉시 리셋하여 같은 항목을 연속으로 선택 가능하게
+      setTimeout(() => setWidgetValue(""), 0);
     }
   };
 
@@ -148,7 +155,7 @@ export function DashboardTopMenu({
 
         <div className="h-6 w-px bg-gray-300" />
         {/* 차트 선택 */}
-        <Select onValueChange={handleChartSelect}>
+        <Select value={chartValue} onValueChange={handleChartSelect}>
           <SelectTrigger className="w-[200px]">
             <SelectValue placeholder="차트 추가" />
           </SelectTrigger>
@@ -168,7 +175,7 @@ export function DashboardTopMenu({
         </Select>
 
         {/* 위젯 선택 */}
-        <Select onValueChange={handleWidgetSelect}>
+        <Select value={widgetValue} onValueChange={handleWidgetSelect}>
           <SelectTrigger className="w-[200px]">
             <SelectValue placeholder="위젯 추가" />
           </SelectTrigger>