fix: fix issue with textarea focus requiring 2 clicks (#680)

Author: stevenle

.changeset/chilly-planes-heal.md

@@ -0,0 +1,5 @@
+---
+'@blinkk/root-cms': patch
+---
+
+fix: fix issue with textarea focus requiring 2 clicks

packages/root-cms/ui/components/DocEditor/fields/StringField.tsx

@@ -7,7 +7,6 @@ import {FieldProps} from './FieldProps.js';
 export function StringField(props: FieldProps) {
   const field = props.field as schema.StringField;
   const [value, setValue] = useState('');
-  const [autosize, setAutosize] = useState(false);
 
   function onChange(newValue: string) {
     setValue(newValue);
@@ -29,18 +28,13 @@ export function StringField(props: FieldProps) {
       <Textarea
         size="xs"
         radius={0}
-        autosize={autosize}
-        minRows={3}
+        autosize={false}
+        minRows={4}
         maxRows={field.maxRows || 12}
         value={value}
         onChange={(e: ChangeEvent<HTMLTextAreaElement>) => {
           onChange(e.currentTarget.value);
         }}
-        onFocus={() => {
-          if (!autosize) {
-            setAutosize(true);
-          }
-        }}
       />
     );
   }