Enable searchable attribute for subtype checklist and add prevent foc…

…us on the multiselect input
perfectly-preserved-pie · Nov 19, 2024 · 77d8e69 · 77d8e69
1 parent 1941cfe
commit 77d8e69
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 1 deletion.
diff --git a/assets/javascript/custom.js b/assets/javascript/custom.js
@@ -0,0 +1,9 @@
+document.addEventListener('DOMContentLoaded', function() {
+    const multiSelectInput = document.querySelector('.mantine-MultiSelect-input');
+    if (multiSelectInput) {
+        multiSelectInput.addEventListener('focus', function(event) {
+            event.preventDefault();
+            event.stopPropagation();
+        });
+    }
+});
diff --git a/pages/components.py b/pages/components.py
@@ -234,7 +234,7 @@ def create_subtype_checklist(self):
                     id='subtype_checklist',
                     data=data,
                     value=initial_values,
-                    searchable=False,
+                    searchable=True,
                     nothingFoundMessage="No options found",
                     clearable=True,
                     style={"margin-bottom": "10px"},