From 209ac45ed274932e793e234b21e68b3561dfa89c Mon Sep 17 00:00:00 2001
From: Gregory Schier <gschier1990@gmail.com>
Date: Fri, 11 Jul 2025 08:52:31 -0700
Subject: [PATCH] Fix pop out scroll

---
 src-web/components/DynamicForm.tsx | 37 ++++++++++++++----------------
 1 file changed, 17 insertions(+), 20 deletions(-)

diff --git a/src-web/components/DynamicForm.tsx b/src-web/components/DynamicForm.tsx
index e13faadc..16bde272 100644
--- a/src-web/components/DynamicForm.tsx
+++ b/src-web/components/DynamicForm.tsx
@@ -319,8 +319,9 @@ function EditorArg({
                 onClick={() => {
                   showDialog({
                     id: 'id',
-                    size: 'dynamic',
+                    size: 'full',
                     title: 'Edit Value',
+                    className: '!max-w-[50rem] !max-h-[60rem]',
                     description: (
                       <Label
                         htmlFor={id}
@@ -338,25 +339,21 @@ function EditorArg({
                     },
                     render() {
                       return (
-                        <div className="w-[100vw] max-w-[40rem] h-[calc(100vh-10rem)] max-h-[40rem]">
-                          <Editor
-                            id={id}
-                            autocomplete={
-                              arg.completionOptions ? { options: arg.completionOptions } : undefined
-                            }
-                            disabled={arg.disabled}
-                            language={arg.language}
-                            onChange={onChange}
-                            defaultValue={
-                              value === DYNAMIC_FORM_NULL_ARG ? arg.defaultValue : value
-                            }
-                            placeholder={arg.placeholder ?? undefined}
-                            autocompleteFunctions={autocompleteFunctions}
-                            autocompleteVariables={autocompleteVariables}
-                            stateKey={stateKey}
-                            forceUpdateKey={forceUpdateKey}
-                          />
-                        </div>
+                        <Editor
+                          id={id}
+                          autocomplete={
+                            arg.completionOptions ? { options: arg.completionOptions } : undefined
+                          }
+                          disabled={arg.disabled}
+                          language={arg.language}
+                          onChange={onChange}
+                          defaultValue={value === DYNAMIC_FORM_NULL_ARG ? arg.defaultValue : value}
+                          placeholder={arg.placeholder ?? undefined}
+                          autocompleteFunctions={autocompleteFunctions}
+                          autocompleteVariables={autocompleteVariables}
+                          stateKey={stateKey}
+                          forceUpdateKey={forceUpdateKey}
+                        />
                       );
                     },
                   });