add csp

app/javascript/elements/submit_form.js

@@ -1,15 +1,27 @@
 export default class extends HTMLElement {
   connectedCallback () {
+    const form = this.querySelector('form') || (this.querySelector('input, button, select') || this.lastElementChild).form
+
     if (this.dataset.interval) {
       this.interval = setInterval(() => {
-        this.querySelector('form').requestSubmit()
+        form.requestSubmit()
       }, parseInt(this.dataset.interval))
     } else if (this.dataset.on) {
-      this.lastElementChild.addEventListener(this.dataset.on, () => {
-        this.lastElementChild.form.requestSubmit()
+      this.lastElementChild.addEventListener(this.dataset.on, (event) => {
+        if (this.dataset.disable === 'true') {
+          form.querySelector('[type="submit"]')?.setAttribute('disabled', true)
+        }
+
+        if (this.dataset.submitIfValue === 'true') {
+          if (event.target.value) {
+            form.requestSubmit()
+          }
+        } else {
+          form.requestSubmit()
+        }
       })
     } else {
-      this.querySelector('form').requestSubmit()
+      form.requestSubmit()
     }
   }