From 1ae3fd8ab904d02aaf599a2fc0c4e6ccaf313862 Mon Sep 17 00:00:00 2001
From: Fredrik Jonsson <frjo@xdeb.org>
Date: Mon, 1 Dec 2025 14:29:54 +0100
Subject: [PATCH] Use js to set focus on first invalid contact form field.

---
 assets/js/contact.js | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/assets/js/contact.js b/assets/js/contact.js
index 9fa669d..8efb154 100644
--- a/assets/js/contact.js
+++ b/assets/js/contact.js
@@ -31,8 +31,12 @@
     { once: true },
   );
 
-  // Mark the form as submitted.
-  button.addEventListener('click', () => form.classList.add('js-submitted'));
+  form.addEventListener('submit', function (e) {
+    // Set focus on first invalid field.
+    if (!e.target.validity.valid) {
+      form.querySelector(':invalid').focus();
+    }
+  });
 
   // Display messages.
   if (location.search.substring(1) !== '') {