fixed prevent request in debounce stimulus controller

internetee · Sep 6, 2023 · be70fd1 · be70fd1
1 parent 61ead60
commit be70fd1
Showing 1 changed file with 13 additions and 4 deletions.
diff --git a/app/javascript/controllers/behaviour/debounce_controller.js b/app/javascript/controllers/behaviour/debounce_controller.js
@@ -4,13 +4,22 @@ import { Controller } from "@hotwired/stimulus"
 export default class extends Controller {
   static targets = ["form"]
 
+  initialize() {
+    this.timeout = null;
+    this.initialLoad = true;
+  }
+
+
   search(event) {
-    event.preventDefault();
+    if (this.initialLoad) {
+      this.initialLoad = false;
+      return;
+    }
 
-    clearTimeout(this.timeout)
+    clearTimeout(this.timeout);
     this.timeout = setTimeout(() => {
-      this.formTarget.requestSubmit()
-    }, 300)
+      this.formTarget.requestSubmit();
+    }, 500);
   }
 
   disconnect() {