From 8e298dd81a6dda202b0723034320367516669fdc Mon Sep 17 00:00:00 2001
From: "Stanko K.R." <stanko@stanko.io>
Date: Fri, 31 Oct 2025 13:42:14 +0100
Subject: [PATCH] Mark the form as busy and disable submits on auto-submit

---
 .../controllers/auto_submit_controller.js     | 37 ++++++++++++++++++-
 1 file changed, 36 insertions(+), 1 deletion(-)

diff --git a/app/javascript/controllers/auto_submit_controller.js b/app/javascript/controllers/auto_submit_controller.js
index 70cf1ee6a..6f34db998 100644
--- a/app/javascript/controllers/auto_submit_controller.js
+++ b/app/javascript/controllers/auto_submit_controller.js
@@ -2,7 +2,42 @@ import { Controller } from "@hotwired/stimulus"
 
 export default class extends Controller {
   connect() {
-    this.element.addEventListener("turbo:submit-end", () => this.element.remove(), { once: true } )
+    this.element.addEventListener("turbo:submit-end", this.#handleSubmitEnd.bind(this), { once: true })
+    this.submit()
+  }
+
+  submit() {
+    this.#markAsBusy()
+    this.#disableSubmit()
     this.element.requestSubmit()
   }
+
+  #handleSubmitEnd(event) {
+    if (event.detail.success) {
+      this.element.remove()
+    } else {
+      this.#clearBusy()
+      this.#enableSubmit()
+    }
+  }
+
+  #markAsBusy() {
+    this.element.setAttribute("aria-busy", "true")
+  }
+
+  #clearBusy() {
+    this.element.setAttribute("aria-busy", "false")
+  }
+
+  #disableSubmit() {
+    this.#submitElements().forEach(element => element.disabled = true)
+  }
+
+  #enableSubmit() {
+    this.#submitElements().forEach(element => element.disabled = false)
+  }
+
+  #submitElements() {
+    return this.element.querySelectorAll("input[type=submit],button")
+  }
 }