resources/views/components/tomselect.blade.php

@@ -1,17 +1,23 @@
 <script src="https://cdn.jsdelivr.net/npm/tom-select@2.4.3/dist/js/tom-select.complete.min.js"></script>
 <link href="https://cdn.jsdelivr.net/npm/tom-select@2.4.3/dist/css/tom-select.bootstrap5.min.css" rel="stylesheet">
 <script>
-    window.addEventListener('load', () => {
-        document.querySelectorAll('select').forEach((el) => {
-            if (!el.classList.contains('ts-hidden-accessible')) {
-                console.log('Initializing TomSelect on:', el);
+    document.addEventListener('DOMContentLoaded', () => {
+        console.log('DOM fully loaded, searching for selects...');
+        const selects = document.querySelectorAll('select');
+        console.log('Found ' + selects.length + ' select elements.');
+        
+        selects.forEach((el) => {
+            console.log('Attaching TomSelect to:', el);
+            try {
                 new TomSelect(el, {
                     create: false,
                     sortField: {
-                        field: "text",
-                        direction: "asc"
+                        field: 'text',
+                        direction: 'asc'
                     }
                 });
+            } catch (e) {
+                console.error('TomSelect failed for:', el, e);
             }
         });
     });