fix: show body-level popups over the fullscreen overlay (2.4.1)

Smart Phrasing / Load Image / Shrink popups attach to document.body at
z-index 10000, but the fullscreen overlay is z-index 99990, so they
rendered behind it and were invisible until you exited fullscreen. Parent
these modals into the fullscreen overlay when it's active (it owns the
stacking context, so a fixed backdrop inside it still covers the viewport
and renders above the editor); unchanged outside fullscreen.

Author: shootthesound

pyproject.toml

@@ -1,6 +1,6 @@
 [project]
 name = "comfyui-angelo"
-version = "2.4.0"
+version = "2.4.1"
 description = "Click-to-edit sampler for ComfyUI. Generate an image, then work it like a photo editor — click or paint to refine, drag or describe to inpaint, click an edge to outpaint, paint over something to remove it and rebuild the background, and one-click restore or upscale a whole photo. First-class support for FLUX 2 Klein 9B and Qwen-Image-Edit, plus any sampler-compatible model. Includes a Remove brush, Fullscreen editing mode, Quick Photo Refine, 2× Pixel + Shrink resizing, Outpaint, Reference anchoring, Xtra-Fine, Smart Inpaint, Fix All, Vary ×4, optional SAM 3 Detect, and a companion Overrides node for custom samplers."
 license = { text = "MIT" }
 readme = "README.md"

web/angelo.js

@@ -2671,6 +2671,16 @@ function syncPromptSlotButtons(node) {
     });
 }
 
+// Body-level modal popups (Smart Phrasing / Load Image / Shrink) normally
+// attach to document.body so they overlay the whole page. But while the node is
+// in fullscreen, the fullscreen overlay sits ABOVE document.body's popups, so
+// they'd be hidden until you exit. Parent them into the overlay instead when
+// it's active — the overlay owns the stacking context, so a fixed backdrop
+// inside it still covers the viewport and renders above the editor.
+function _angeloModalParent(node) {
+    return (node && node._AngeloFSOverlay) ? node._AngeloFSOverlay : document.body;
+}
+
 function showSmartPhrasingPopup(node) {
     const backdrop = document.createElement("div");
     backdrop.style.cssText = "position:fixed; inset:0; background:rgba(0,0,0,0.6); "
@@ -2724,7 +2734,7 @@ function showSmartPhrasingPopup(node) {
     footer.appendChild(insertBtn);
     modal.appendChild(footer);
     backdrop.appendChild(modal);
-    document.body.appendChild(backdrop);
+    _angeloModalParent(node).appendChild(backdrop);
 
     const close = () => { if (backdrop.parentNode) backdrop.parentNode.removeChild(backdrop); };
     insertBtn.addEventListener("click", () => {
@@ -3898,7 +3908,7 @@ function showLoadImagePopup(node, file) {
     modal.appendChild(footer);
 
     backdrop.appendChild(modal);
-    document.body.appendChild(backdrop);
+    _angeloModalParent(node).appendChild(backdrop);
 
     const close = () => { if (backdrop.parentNode) backdrop.parentNode.removeChild(backdrop); };
     cancelBtn.addEventListener("click", close);
@@ -4282,7 +4292,7 @@ function showShrinkPopup(node) {
     modal.appendChild(footer);
 
     backdrop.appendChild(modal);
-    document.body.appendChild(backdrop);
+    _angeloModalParent(node).appendChild(backdrop);
 
     const close = () => { if (backdrop.parentNode) backdrop.parentNode.removeChild(backdrop); };
     cancelBtn.addEventListener("click", close);