UHF-12657: Added focus to autocomplete input element after page reloa…

assets/js/autocomplete.js

@@ -66,6 +66,7 @@ const getTranslation = (fullName) => {
       parent.classList.add('hds-text-input--invalid');
       const errorSpan = document.createElement('span');
       errorSpan.classList.add('hds-text-input__error-text');
+      errorSpan.id = 'js-locate-error';
       errorSpan.textContent = Drupal.t(
         "We couldn't retrieve your current location. Try entering an address.",
         {},
@@ -229,6 +230,11 @@ const getTranslation = (fullName) => {
     });
     // Hide location error input when changing input
     element.addEventListener('change', removeLocationError);
+
+    // Focus input if there is a validation error on page load.
+    if (element.classList.contains('error')) {
+      element.focus();
+    }
   };
 
   Drupal.behaviors.helfi_location_autocomplete = {

helfi_platform_config.module

@@ -502,3 +502,12 @@ function helfi_platform_config_preprocess_page(array &$variables) : void {
     $variables['#attached']['library'][] = 'helfi_platform_config/heading_anchor_buttons';
   }
 }
+
+/**
+ * Implements hook_preprocess_HOOK().
+ */
+function helfi_platform_config_preprocess_form_element__helfi_location_autocomplete(array &$variables):void {
+  if (isset($variables['element']['#errors']) && empty($variables['errors'])) {
+    $variables['errors'] = $variables['element']['#errors'];
+  }
+}

phpstan-baseline.neon

@@ -75,6 +75,11 @@ parameters:
 			count: 1
 			path: helfi_platform_config.module
 
+		-
+			message: "#^Function helfi_platform_config_preprocess_form_element__helfi_location_autocomplete\\(\\) has parameter \\$variables with no value type specified in iterable type array\\.$#"
+			count: 1
+			path: helfi_platform_config.module
+
 		-
 			message: "#^Function helfi_platform_config_preprocess_html\\(\\) has parameter \\$variables with no type specified\\.$#"
 			count: 1