From 585520d8d20a2f0f9dcb0cef1e2fe745604c33f2 Mon Sep 17 00:00:00 2001
From: mickr777 <115216705+mickr777@users.noreply.github.com>
Date: Fri, 21 Jul 2023 13:17:27 +1000
Subject: [PATCH] Only apply Textaera to Prompt

---
 .../fields/StringInputFieldComponent.tsx      | 36 ++++++++++++-------
 1 file changed, 24 insertions(+), 12 deletions(-)

diff --git a/invokeai/frontend/web/src/features/nodes/components/fields/StringInputFieldComponent.tsx b/invokeai/frontend/web/src/features/nodes/components/fields/StringInputFieldComponent.tsx
index fba37ed020..2c22177715 100644
--- a/invokeai/frontend/web/src/features/nodes/components/fields/StringInputFieldComponent.tsx
+++ b/invokeai/frontend/web/src/features/nodes/components/fields/StringInputFieldComponent.tsx
@@ -1,4 +1,4 @@
-import { Textarea } from '@chakra-ui/react';
+import { Textarea, Input } from '@chakra-ui/react';
 import { useAppDispatch } from 'app/store/storeHooks';
 import { fieldValueChanged } from 'features/nodes/store/nodesSlice';
 import {
@@ -19,7 +19,9 @@ const StringInputFieldComponent = (
   const { nodeId, field, nodeWidth } = props;
   const dispatch = useAppDispatch();
 
-  const handleValueChanged = (e: ChangeEvent<HTMLTextAreaElement>) => {
+  const handleValueChanged = (
+    e: ChangeEvent<HTMLInputElement | HTMLTextAreaElement>
+  ) => {
     dispatch(
       fieldValueChanged({
         nodeId,
@@ -32,16 +34,26 @@ const StringInputFieldComponent = (
   const textareaWidth = nodeWidth - 20;
 
   return (
-    <Textarea
-      style={{
-        height: '150px',
-        width: `${textareaWidth}px`,
-        resize: 'none',
-        overflowY: 'auto',
-      }}
-      onChange={handleValueChanged}
-      value={field.value}
-    />
+    <>
+      {field.name.toLowerCase() === 'prompt' ? (
+        <Textarea
+          style={{
+            height: '150px',
+            width: `${textareaWidth}px`,
+            resize: 'none',
+            overflowY: 'auto',
+          }}
+          onChange={handleValueChanged}
+          value={field.value}
+        />
+      ) : (
+        <Input
+          style={{ width: `${textareaWidth}px` }}
+          onChange={handleValueChanged}
+          value={field.value}
+        />
+      )}
+    </>
   );
 };