Attach DOM widgets to canvas container instead of document body

Comfy-Org · Aug 10, 2024 · 94f2c54 · 94f2c54
1 parent 7ce7490
commit 94f2c54
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/src/scripts/domWidget.ts b/src/scripts/domWidget.ts
@@ -264,7 +264,7 @@ LGraphNode.prototype.addDOMWidget = function (
   options = { hideOnZoom: true, selectOn: ['focus', 'click'], ...options }
 
   if (!element.parentElement) {
-    document.body.append(element)
+    app.canvasContainer.append(element)
   }
   element.hidden = true
   element.style.display = 'none'
@@ -335,8 +335,8 @@ LGraphNode.prototype.addDOMWidget = function (
       Object.assign(element.style, {
         transformOrigin: '0 0',
         transform: scale,
-        left: `${transform.a + transform.e + elRect.left}px`,
-        top: `${transform.d + transform.f + elRect.top}px`,
+        left: `${transform.a + transform.e}px`,
+        top: `${transform.d + transform.f}px`,
         width: `${widgetWidth - margin * 2}px`,
         height: `${(widget.computedHeight ?? 50) - margin * 2}px`,
         position: 'absolute',