From da356c6a64a25e1fb5b757edd3ac858146ec614e Mon Sep 17 00:00:00 2001
From: Sirshendu Ganguly <sirshendu.ganguly2015@gmail.com>
Date: Thu, 21 May 2026 19:39:13 +0530
Subject: [PATCH] Fixed outpaintSettingsToggleHandler

---
 clientlibs/utils.js | 41 +++++++++++++++++++++++++++++++++--------
 1 file changed, 33 insertions(+), 8 deletions(-)

diff --git a/clientlibs/utils.js b/clientlibs/utils.js
index 62a32cb..32ca7a9 100644
--- a/clientlibs/utils.js
+++ b/clientlibs/utils.js
@@ -5272,18 +5272,43 @@ function outpaintSettingsToggleHandler(settingsNode) {
 
     function toggleWidgetState(useWidget, paramWidget, paramName) {
         if (!useWidget || !paramWidget) return;
-        function applyState() {
+
+        function toggleEnabled() {
             const enabled = useWidget.value === true;
-            toggleWidgetEnabled(paramWidget, enabled, settingsNode);
-            if (paramWidget.options && paramWidget.options.element) {
-                paramWidget.options.element.disabled = !enabled;
-                paramWidget.options.element.style.opacity = enabled ? "1" : "0.5";
-                paramWidget.options.element.style.pointerEvents = enabled ? "auto" : "none";
+
+            if (paramWidget.inputEl) {
+                paramWidget.inputEl.disabled = !enabled;
+                paramWidget.inputEl.style.opacity = enabled ? "1" : "0.5";
+                paramWidget.inputEl.style.cursor = enabled ? "text" : "not-allowed";
+                paramWidget.inputEl.readOnly = !enabled;
             }
+
+            paramWidget.disabled = !enabled;
+
+            if (!paramWidget.inputEl) {
+                const nodeElement = settingsNode.htmlElements?.widgetsContainer || settingsNode.htmlElements;
+                if (nodeElement) {
+                    const input = nodeElement.querySelector(`input[name="${paramName}"], textarea[name="${paramName}"], select[name="${paramName}"]`);
+                    if (input) {
+                        input.disabled = !enabled;
+                        input.style.opacity = enabled ? "1" : "0.5";
+                        input.style.cursor = enabled ? "text" : "not-allowed";
+                        input.readOnly = !enabled;
+                        if (input.tagName === "SELECT") {
+                            input.style.pointerEvents = enabled ? "auto" : "none";
+                        }
+                    }
+                }
+            }
+
             settingsNode.setDirtyCanvas(true);
         }
-        setTimeout(applyState, 100);
-        appendWidgetCB(useWidget, () => setTimeout(applyState, 50));
+
+        appendWidgetCB(useWidget, () => {
+            setTimeout(toggleEnabled, 50);
+        });
+
+        setTimeout(toggleEnabled, 100);
     }
 
     if (useTopWidget && topWidget) toggleWidgetState(useTopWidget, topWidget, "Top");