fix: 컬럼 리사이즈 시 컴포넌트 드래그 이벤트 전파 방지

- e.stopPropagation() 추가로 리사이즈 핸들 드래그 시 상위 컴포넌트로 이벤트 전파 차단
- 화면 디자이너에서 컴포넌트가 의도치 않게 이동되는 문제 해결
This commit is contained in:
kjs 2025-11-03 10:51:10 +09:00
parent a3a4664bb0
commit 56cd2a9407
1 changed files with 2 additions and 0 deletions

View File

@ -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);