fix: fixed focus on input click (#364)

package.json

@@ -43,7 +43,7 @@
     "bootstrap-italia": "^2.8.8",
     "copy-to-clipboard": "^3.3.3",
     "countries-list": "^3.0.6",
-    "design-react-kit": "^5.0.4",
+    "design-react-kit": "^5.4.1",
     "i18next": "^23.2.2",
     "i18next-browser-languagedetector": "^7.2.0",
     "js-yaml": "^4.1.0",
@@ -96,4 +96,4 @@
     "typescript-eslint": "^8.11.0",
     "vite": "^5.4.1"
   }
-}
+}

src/app/components/EditorDescriptionInput.tsx

@@ -1,14 +1,14 @@
+import { Input, TextArea } from "design-react-kit";
+import { get } from "lodash";
 import {
   FieldPathByValue,
   useController,
   useFormContext,
 } from "react-hook-form";
 import { useTranslation } from "react-i18next";
-import PublicCode, { Description } from "../contents/publiccode";
-import { get } from "lodash";
-import { displayName } from "../../i18n";
-import { Input, TextArea } from "design-react-kit";
 import { RequiredDeep } from "type-fest";
+import { displayName } from "../../i18n";
+import PublicCode, { Description } from "../contents/publiccode";
 
 type Props<T> = {
   fieldName: T;
@@ -47,6 +47,7 @@ export default function EditorInput<
       value={(value as string) || ""}
       innerRef={ref}
       label={`${label}${extraLangInfo}${required ? " *" : ""}${deprecated ? ` - ${t(`editor.form.deprecatedField`)}` : ""}`}
+      placeholder={label}
       infoText={description}
       valid={get(errors, `description.${lang}.${fieldName}`) && false}
       validationText={get(errors, `description.${lang}.${fieldName}.message`)}

src/app/components/EditorInput.tsx

@@ -1,13 +1,13 @@
+import { Input, TextArea } from "design-react-kit";
+import { get } from "lodash";
 import {
   FieldPathByValue,
   useController,
   useFormContext,
 } from "react-hook-form";
 import { useTranslation } from "react-i18next";
-import PublicCode, { PublicCodeWithDeprecatedFields } from "../contents/publiccode";
-import { get } from "lodash";
-import { Input, TextArea } from "design-react-kit";
 import { RequiredDeep } from "type-fest";
+import PublicCode, { PublicCodeWithDeprecatedFields } from "../contents/publiccode";
 
 type Props<T> = {
   fieldName: T;
@@ -44,6 +44,7 @@ export default function EditorInput<
       value={value || ""}
       innerRef={ref}
       label={`${label}${required ? " *" : ""}${deprecated ? ` - ${t(`editor.form.deprecatedField`)}` : ""}`}
+      placeholder={label}
       infoText={description}
       valid={get(errors, fieldName) && false}
       validationText={get(errors, `${fieldName}.message`)}