제어관리 개선판

frontend/components/dataflow/node-editor/panels/PropertiesPanel.tsx

@@ -28,9 +28,9 @@ export function PropertiesPanel() {
   const selectedNode = selectedNodes.length === 1 ? nodes.find((n) => n.id === selectedNodes[0]) : null;
 
   return (
-    <div className="flex h-full flex-col">
+    <div className="flex h-full w-full flex-col">
       {/* 헤더 */}
-      <div className="flex items-center justify-between border-b p-4">
+      <div className="flex h-16 shrink-0 items-center justify-between border-b bg-white p-4">
         <div>
           <h3 className="text-sm font-semibold text-gray-900">속성</h3>
           {selectedNode && (
@@ -42,8 +42,15 @@ export function PropertiesPanel() {
         </Button>
       </div>
 
-      {/* 내용 */}
-      <div className="flex-1 overflow-hidden">
+      {/* 내용 - 스크롤 가능 영역 */}
+      <div 
+        className="flex-1 overflow-y-scroll"
+        style={{ 
+          maxHeight: 'calc(100vh - 64px)',
+          overflowY: 'scroll',
+          WebkitOverflowScrolling: 'touch'
+        }}
+      >
         {selectedNodes.length === 0 ? (
           <div className="flex h-full items-center justify-center p-4">
             <div className="text-center text-sm text-gray-500">