https://odt.co.th/assets/controllers/search_controller-0e2fd4ff.js

1import { Controller } from "@hotwired/stimulus";
2
3export default class SearchController extends Controller {
4  static targets = ["clearButton", "inputSearch"];
5  searching(event) {
6    const value = event.target.value.trim();
7
8    if (value.length > 0) {
9      this.clearButtonTarget.classList.remove("hidden");
10    } else {
11      this.clearButtonTarget.classList.add("hidden");
12    }
13
14    clearTimeout(this.timeout);
15    this.timeout = setTimeout(() => {
16      this.element.requestSubmit();
17    }, 500);
18  }
19  removeClearButton() {
20    this.clearButtonTarget.classList.add("hidden");
21  }
22}