Fixed the scrolling on the JSON editor on the test page

This commit is contained in:
James Ritchie
2024-11-19 16:05:35 +00:00
parent 8ba226b99a
commit c044cb125e
@@ -226,7 +226,7 @@ function StandardTaskForm({ task, runs }: { task: TestTask["task"]; runs: Standa
<input type="hidden" name="triggerSource" value={"STANDARD"} />
<ResizablePanelGroup orientation="horizontal">
<ResizablePanel id="test-task-main" min="100px" default="60%">
<div className="h-full bg-charcoal-900">
<div className="flex h-full flex-col overflow-hidden bg-charcoal-900">
<TabContainer className="px-3 pt-2">
<TabButton
isActive={!tab || tab === "payload"}
@@ -248,7 +248,7 @@ function StandardTaskForm({ task, runs }: { task: TestTask["task"]; runs: Standa
Metadata
</TabButton>
</TabContainer>
<div>
<div className="flex-1 overflow-hidden">
<JSONEditor
defaultValue={defaultPayloadJson}
readOnly={false}
@@ -265,11 +265,9 @@ function StandardTaskForm({ task, runs }: { task: TestTask["task"]; runs: Standa
}
}}
height="100%"
min-height="100%"
max-height="100%"
autoFocus={!tab || tab === "payload"}
placeholder="{ }"
className={cn("h-full", tab === "metadata" && "hidden")}
className={cn("h-full overflow-auto", tab === "metadata" && "hidden")}
/>
<JSONEditor
defaultValue={defaultMetadataJson}
@@ -287,11 +285,9 @@ function StandardTaskForm({ task, runs }: { task: TestTask["task"]; runs: Standa
}
}}
height="100%"
min-height="100%"
max-height="100%"
autoFocus={tab === "metadata"}
placeholder=""
className={cn("h-full", tab !== "metadata" && "hidden")}
className={cn("h-full overflow-auto", tab !== "metadata" && "hidden")}
/>
</div>
</div>