Align location field validation error in to the text box to maintain …

…consistency with `GDS`
DFE-Digital · Apr 25, 2024 · 3e7accd · 3e7accd
1 parent 828d903
commit 3e7accd
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 1 deletion.
diff --git a/app/views/candidates/school_searches/new.html.erb b/app/views/candidates/school_searches/new.html.erb
@@ -23,6 +23,8 @@
                            "autocomplete-api-key-value": Rails.application.config.x.google_maps_key,
                            "autocomplete-error-value": @search.errors[:location].first }) do |f| %>
 
+        <%= f.govuk_error_summary %>
+
         <%= f.govuk_text_field :location, required: true, minlength: "2", label: { text: t('helpers.label.location') }, type: "search",
                                data: { "autocomplete-target": "nonJsInput" } %>
 

diff --git a/app/webpacker/controllers/autocomplete_controller.js b/app/webpacker/controllers/autocomplete_controller.js
@@ -51,7 +51,7 @@ export default class extends Controller {
         hiddenErrorMessage.classList.add("govuk-visually-hidden");
         errorParagraph.prepend(hiddenErrorMessage);
 
-        locationFormGroup.appendChild(errorParagraph);
+        locationFormGroup.insertBefore(errorParagraph, locationFormGroup.querySelector('.govuk-body'));
         locationFormGroup.classList.add("govuk-form-group--error");
       }
     } else {