Fix: initialize multiselect on connect

app/javascript/controllers/filter_settings_controller.js

@@ -4,12 +4,11 @@ export default class extends Controller {
   static classes = ["filtersSet"]
   static targets = ["field"]
 
-  connect() {
-    this.change()
+  async connect() {
   }
 
-  change() {
-    this.#toggleFiltersSetClass()
+  async fieldTargetConnected(field) {
+    this.#toggleFiltersSetClass(this.#isFieldSet(field))
   }
 
   #toggleFiltersSetClass(shouldAdd) {
@@ -22,11 +21,9 @@ export default class extends Controller {
 
   #isFieldSet(field) {
     const value = field.value?.trim()
-
     if (!value) return false
 
     const defaultValue = this.#defaultValueForField(field)
-    console.debug("defaultValue", defaultValue);
     return defaultValue ? value !== defaultValue : true
   }
 

app/javascript/controllers/multi_selection_combobox_controller.js

@@ -14,6 +14,7 @@ export default class extends Controller {
 
   connect() {
     this.labelTarget.textContent = this.#selectedLabel
+    this.#updateHiddenFields()
   }
 
   change(event) {