Update static/canvas.js

static/canvas.js

@@ -326,6 +326,28 @@ function createNode(x, y, label, type, inputs = [], outputs = [], id, source = '
         }
 
         const nodePos = node.getAbsolutePosition();
+      
+        // Create textarea for editing
+        codeTextarea = document.createElement('textarea');
+        codeTextarea.style.position = 'relative';
+        const canvasRect = stage.container().getBoundingClientRect();
+        const textareaX = nodePos.x;
+      //  const textareaX = (nodePos.x + stage.x()) / scale + canvasRect.left;
+       // const textareaY = (nodePos.y + height + 10 + stage.y()) / scale + canvasRect.top;
+        const textareaY = nodePos.y;
+        codeTextarea.style.right = `${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';
+        codeTextarea.style.fontSize = `${12 / scale}px`;
+        codeTextarea.style.background = 'transparent';
+        codeTextarea.style.border = 'none';
+        codeTextarea.style.resize = 'none';
+        codeTextarea.value = source || '';
+        document.body.appendChild(codeTextarea);
         codeWindow = new Konva.Group({
             x: node.x(),
             y: node.y() + height + 10
@@ -352,26 +374,10 @@ function createNode(x, y, label, type, inputs = [], outputs = [], id, source = '
             padding: 5
         });
 
-        codeWindow.add(codeBox);
-        codeWindow.add(codeText);
+        //codeWindow.add(codeBox);
+        //codeWindow.add(codeText);
+
 
-        // Create textarea for editing
-        codeTextarea = document.createElement('textarea');
-        codeTextarea.style.position = 'relative';
-        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.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';
-        codeTextarea.style.fontSize = `${12 / scale}px`;
-        codeTextarea.style.background = 'transparent';
-        codeTextarea.style.border = 'none';
-        codeTextarea.style.resize = 'none';
-        codeTextarea.value = source || '';
-        document.body.appendChild(codeTextarea);
 
         codeWindow.add(codeBox);
         codeWindow.add(codeText);