Use controller to disable empty comment submit

app/javascript/controllers/form_controller.js

@@ -2,7 +2,7 @@ import { Controller } from "@hotwired/stimulus"
 import { debounce } from "helpers/timing_helpers";
 
 export default class extends Controller {
-  static targets = [ "cancel" ]
+  static targets = [ "cancel", "submit" ]
 
   static values = {
     debounceTimeout: { type: Number, default: 300 }
@@ -37,6 +37,16 @@ export default class extends Controller {
     event.preventDefault()
   }
 
+  disableEmptySubmit(event) {
+    var value = event.target.value.replace(/<\/?[^>]+(>|$)/g, "")
+
+    if (value) {
+      this.submitTarget.removeAttribute("disabled")
+    } else {
+      this.submitTarget.setAttribute("disabled", true)
+    }
+  }
+
   select(event) {
     event.target.select()
   }