Prevent validation error message to be displayed when adding a new field to a table

changelog/entries/unreleased/bug/prevent_validation_error_message_to_be_displayed_when_adding.json

@@ -0,0 +1,7 @@
+{
+    "type": "bug",
+    "message": "Prevent validation error message to be displayed when adding a new field",
+    "issue_number": null,
+    "bullet_points": [],
+    "created_at": "2023-03-08"
+}

web-frontend/modules/database/components/field/CreateFieldContext.vue

@@ -9,9 +9,11 @@
       :table="table"
       :forced-type="forcedType"
       @submitted="submit"
+      @keydown-enter="$refs.submitButton.focus()"
     >
       <div class="context__form-actions">
         <button
+          ref="submitButton"
           class="button"
           :class="{ 'button--loading': loading }"
           :disabled="loading"

web-frontend/modules/database/components/field/FieldForm.vue

@@ -11,6 +11,7 @@
           :placeholder="$t('fieldForm.name')"
           @blur="$v.values.name.$touch()"
           @input="isPrefilledWithSuggestedFieldName = false"
+          @keydown.enter="handleKeydownEnter($event)"
         />
         <div
           v-if="$v.values.name.$dirty && !$v.values.name.required"
@@ -207,6 +208,11 @@ export default {
       const excludeNames = this.fields.map((f) => f.name)
       return getNextAvailableNameInSequence(baseName, excludeNames)
     },
+    handleKeydownEnter(event) {
+      event.preventDefault()
+      this.$emit('keydown-enter')
+      this.submit()
+    },
   },
 }
 </script>