added multi_select_controller and added multi-select support for tags without Ctrl/Shift in transaction forms (#55)

* added multi_select_controller and added multi-select support for tags without Ctrl/Shift in transaction forms

* fix: prevent memory leak by properly cleaning up event listener in multi-select controller

* chore: updated indentation
This commit is contained in:
Bishal Shrestha
2025-08-03 15:35:34 +10:00
committed by GitHub
parent 46c31e1937
commit efd96f606c
3 changed files with 25 additions and 2 deletions

View File

@@ -0,0 +1,21 @@
import { Controller } from "@hotwired/stimulus";
export default class extends Controller {
connect() {
this.element.addEventListener('mousedown', this.toggleOption);
}
disconnect() {
this.element.removeEventListener('mousedown', this.toggleOption);
}
toggleOption = (e) => {
const option = e.target;
if (option.tagName === 'OPTION') {
e.preventDefault();
option.selected = !option.selected;
const event = new Event('change', { bubbles: true });
this.element.dispatchEvent(event);
}
}
}