feat: improve multiselect field

assets/controllers/multiselect_controller.js

@@ -1,4 +1,5 @@
 import { Controller } from '@hotwired/stimulus'
+import { useClickOutside } from 'stimulus-use'
 
 export default class extends Controller {
 
@@ -7,6 +8,7 @@ export default class extends Controller {
 
     connect() {
         this.update()
+        useClickOutside(this)
     }
 
     toggle() {
@@ -27,4 +29,9 @@ export default class extends Controller {
             this.labelTarget.innerText = this.placeholderValue
         }
     }
+
+    clickOutside(e) {
+        e.preventDefault()
+        this.dropdownTarget.classList.toggle('hidden', true)
+    }
 }