From: Ardis Lu <ardisglu@gmail.com>
Date: Thu, 9 Nov 2023 04:48:51 +0000 (-0800)
Subject: Block inflight form re-submission from all sources
X-Git-Url: https://git.ardis.lu/?a=commitdiff_plain;h=1161cff2d920d5ea58045c98b49a719ef74050d7;p=ens2hex

Block inflight form re-submission from all sources

Disabling button only blocks the button, not form inputs
---

diff --git a/index.html b/index.html
index 14388a4..6c89fec 100644
--- a/index.html
+++ b/index.html
@@ -167,7 +167,7 @@
       transition: filter 150ms;
     }
 
-    #fetch:disabled {
+    [data-submitting] #fetch {
       cursor: not-allowed;
       filter: brightness(0.9);
     }
@@ -380,7 +380,10 @@
     document.querySelector('form').addEventListener('submit', async event => {
       event.preventDefault();
 
-      event.submitter.disabled = true;
+      if (event.target.hasAttribute('data-submitting')) {
+        return;
+      }
+      event.target.setAttribute('data-submitting', '');
       const spinner = document.querySelector('.inline-spinner');
       spinner.style.setProperty('display', 'inline-block');
 
@@ -434,9 +437,9 @@
         address.textContent = `0x${response.result.slice(26)}`;
       }
 
-      event.submitter.disabled = false;
       spinner.style.setProperty('display', 'none');
       document.querySelector('output#table').style.display = 'block';
+      event.target.removeAttribute('data-submitting');
     });
 
     // Download to CSV