diff --git a/frontend/components/screen/InteractiveDataTable.tsx b/frontend/components/screen/InteractiveDataTable.tsx index 354b5a90..3b6299f9 100644 --- a/frontend/components/screen/InteractiveDataTable.tsx +++ b/frontend/components/screen/InteractiveDataTable.tsx @@ -1940,10 +1940,11 @@ export const InteractiveDataTable: React.FC = ({ return ( {column.label} @@ -1956,13 +1957,22 @@ export const InteractiveDataTable: React.FC = ({ const startX = e.clientX; const startWidth = columnWidth || (e.currentTarget.parentElement?.offsetWidth || 100); + // 드래그 중 텍스트 선택 방지 + document.body.style.userSelect = 'none'; + document.body.style.cursor = 'col-resize'; + const handleMouseMove = (moveEvent: MouseEvent) => { + moveEvent.preventDefault(); const diff = moveEvent.clientX - startX; const newWidth = Math.max(80, startWidth + diff); setColumnWidths(prev => ({ ...prev, [column.id]: newWidth })); }; const handleMouseUp = () => { + // 텍스트 선택 복원 + document.body.style.userSelect = ''; + document.body.style.cursor = ''; + document.removeEventListener('mousemove', handleMouseMove); document.removeEventListener('mouseup', handleMouseUp); };