Set required on required form inputs

MuckRock · Oct 3, 2024 · b34219b · b34219b
1 parent d1f7243
commit b34219b
Show file tree

Hide file tree

Showing 5 changed files with 6 additions and 4 deletions.
diff --git a/src/lib/components/forms/Edit.svelte b/src/lib/components/forms/Edit.svelte
@@ -36,7 +36,7 @@ Usually this will be rendered inside a modal, but it doesn't have to be.
   <Flex direction="column" gap={1}>
     <!-- Add any header and messaging using this slot -->
     <slot />
-    <Field title={$_("edit.fields.title")}>
+    <Field title={$_("edit.fields.title")} required>
       <Text name="title" value={document.title} required autofocus />
     </Field>
     <Field

diff --git a/src/lib/components/forms/EditNote.svelte b/src/lib/components/forms/EditNote.svelte
@@ -60,6 +60,7 @@ Positioning and generating coordinates should happen outside of this form.
         name="title"
         placeholder={$_("annotate.fields.title")}
         bind:value={note.title}
+        required
       />
     </Field>
     <Field title={$_("annotate.fields.content")}>

diff --git a/src/lib/components/forms/EditProject.svelte b/src/lib/components/forms/EditProject.svelte
@@ -47,6 +47,7 @@ Edit project metadata
         name="title"
         placeholder={$_("projects.fields.title")}
         value={project.title}
+        required
       />
     </Field>
     <Field title={$_("projects.fields.description")}>

diff --git a/src/lib/components/forms/ManageCollaborators.svelte b/src/lib/components/forms/ManageCollaborators.svelte
@@ -61,8 +61,8 @@ They might get separated later.
     <h2>{$_("collaborators.addCollaborators")}</h2>
     <p>{@html $_("collaborators.invite")}</p>
     <Flex align="center">
-      <Field title={$_("common.emailAddress")} sronly>
-        <Text name="email" placeholder={$_("common.emailAddress")} />
+      <Field title={$_("common.emailAddress")} sronly required>
+        <Text name="email" placeholder={$_("common.emailAddress")} required />
       </Field>
       <Field>
         <select name="access" class="access">

diff --git a/src/lib/components/forms/Projects.svelte b/src/lib/components/forms/Projects.svelte
@@ -88,7 +88,7 @@ and we don't want to do that everywhere.
   <form method="post" action="/projects/" use:enhance={onSubmit}>
     <h2>{$_("projects.create")}</h2>
     <Field title={$_("projects.fields.title")} required inline>
-      <Text name="title" placeholder={$_("projects.fields.title")} />
+      <Text name="title" placeholder={$_("projects.fields.title")} required />
     </Field>
 
     <details>