Merge pull request #2973 from bitzesty/form-error-scroll

Scroll to first visible error and try to focus

app/views/account/collaborators/_form.html.slim

@@ -58,3 +58,21 @@
       - else
         = f.submit "Add the collaborator", class: "govuk-button"
       = link_to "Cancel", account_collaborators_path, class: "govuk-button govuk-button--secondary"
+
+javascript:
+  setTimeout(() => {
+    const element = document.querySelector('.govuk-form-group--error')
+
+    if (element) {
+      const input = element.querySelector('[aria-invalid="true"]')
+      const scrollIntoViewOptions = { behavior: 'smooth', block: 'end', inline: 'nearest' }
+
+      if (input) {
+        input.focus()
+        input.scrollIntoView(scrollIntoViewOptions)
+      } else {
+        element.scrollIntoView(scrollIntoViewOptions)
+      }
+    }
+  }, '100')
+