Merge branch 'enhancement/gh-4218-select2-choicejs' into test

HyphaApp · Jan 27, 2025 · 55553e0 · 55553e0
2 parents c60bc4e + 11b20cf
commit 55553e0
Showing 1 changed file with 10 additions and 6 deletions.
diff --git a/hypha/templates/base.html b/hypha/templates/base.html
@@ -132,11 +132,14 @@
                 const selectElements = document.querySelectorAll("[data-js-choices]");
 
                 selectElements.forEach((selectElement) => {
-                    new Choices(selectElement, {
-                        shouldSort: false,
-                        allowHTML: true,
-                        removeItemButton: true,
-                    });
+                    if (!selectElement.hasChoicesInstance) {
+                        const choicesInstance = new Choices(selectElement, {
+                            shouldSort: false,
+                            allowHTML: true,
+                            removeItemButton: true,
+                        });
+                        selectElement.hasChoicesInstance = true;
+                    };
                 });
 
                 const choicesElements = document.querySelectorAll(".choices__input--cloned")
@@ -146,7 +149,8 @@
                     const minWidth = window.getComputedStyle(choiceElement).getPropertyValue("min-width");
                     choiceElement.addEventListener("focus", () => {
                         if (choiceElement) {
-                            choiceElement.placeholder = ""
+                            choiceElement.placeholder = "Search..."
+                            choiceElement.style.minWidth = '7ch';
                         }
                     });