From 56cd2a940792178d7025c9109baa03606733e3aa Mon Sep 17 00:00:00 2001
From: kjs <kjs@wace.me>
Date: Mon, 3 Nov 2025 10:51:10 +0900
Subject: [PATCH] =?UTF-8?q?fix:=20=EC=BB=AC=EB=9F=BC=20=EB=A6=AC=EC=82=AC?=
 =?UTF-8?q?=EC=9D=B4=EC=A6=88=20=EC=8B=9C=20=EC=BB=B4=ED=8F=AC=EB=84=8C?=
 =?UTF-8?q?=ED=8A=B8=20=EB=93=9C=EB=9E=98=EA=B7=B8=20=EC=9D=B4=EB=B2=A4?=
 =?UTF-8?q?=ED=8A=B8=20=EC=A0=84=ED=8C=8C=20=EB=B0=A9=EC=A7=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- e.stopPropagation() 추가로 리사이즈 핸들 드래그 시 상위 컴포넌트로 이벤트 전파 차단
- 화면 디자이너에서 컴포넌트가 의도치 않게 이동되는 문제 해결
---
 frontend/components/screen/InteractiveDataTable.tsx | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/frontend/components/screen/InteractiveDataTable.tsx b/frontend/components/screen/InteractiveDataTable.tsx
index 3b6299f9..1eab54ed 100644
--- a/frontend/components/screen/InteractiveDataTable.tsx
+++ b/frontend/components/screen/InteractiveDataTable.tsx
@@ -1954,6 +1954,8 @@ export const InteractiveDataTable: React.FC<InteractiveDataTableProps> = ({
                                 className="absolute right-0 top-0 h-full w-1 cursor-col-resize hover:bg-blue-500"
                                 onMouseDown={(e) => {
                                   e.preventDefault();
+                                  e.stopPropagation(); // 상위 컴포넌트 드래그 이벤트 방지
+                                  
                                   const startX = e.clientX;
                                   const startWidth = columnWidth || (e.currentTarget.parentElement?.offsetWidth || 100);