Update static/canvas.js

static/canvas.js

@@ -352,9 +352,8 @@ function createNode(x, y, label, type, inputs = [], outputs = [], id, source = '
             padding: 5
         });
 
-        //codeWindow.add(codeBox);
-       // codeWindow.add(codeText);
-       // layer.add(codeWindow);
+        codeWindow.add(codeBox);
+        codeWindow.add(codeText);
 
         // Create textarea for editing
         codeTextarea = document.createElement('textarea');
@@ -362,8 +361,8 @@ function createNode(x, y, label, type, inputs = [], outputs = [], id, source = '
         const canvasRect = stage.container().getBoundingClientRect();
         const textareaX = (nodePos.x + stage.x()) / scale + canvasRect.left;
         const textareaY = (nodePos.y + height + 10 + stage.y()) / scale + canvasRect.top;
-        //codeTextarea.style.left = `${textareaX}px`;
-        //codeTextarea.style.top = `${textareaY}px`;
+        codeTextarea.style.right = '-20px' || `${textareaX}px`;
+        codeTextarea.style.top = '20px' || `${textareaY}px`;
         codeTextarea.style.width = `${300 / scale}px`;
         codeTextarea.style.height = `${100 / scale}px`;
         codeTextarea.style.fontFamily = 'monospace';
@@ -372,11 +371,11 @@ function createNode(x, y, label, type, inputs = [], outputs = [], id, source = '
         codeTextarea.style.border = 'none';
         codeTextarea.style.resize = 'none';
         codeTextarea.value = source || '';
-        //document.body.appendChild(codeTextarea);
+        document.body.appendChild(codeTextarea);
 
         codeWindow.add(codeBox);
         codeWindow.add(codeText);
-        codeWindow.add(codeTextarea);
+        //codeWindow.add(codeTextarea);
         layer.add(codeWindow);
         // Update code on change
         codeTextarea.addEventListener('change', () => {