From d79d2fbe3e1cf1cc0f4d19b256008ecf7caaf696 Mon Sep 17 00:00:00 2001
From: Russ Long <rl@tfmm.co>
Date: Fri, 1 May 2026 14:26:04 -0400
Subject: [PATCH] debug: simplify tomselect for basic diagnostic

---
 .../views/components/tomselect.blade.php      | 34 +++++--------------
 1 file changed, 9 insertions(+), 25 deletions(-)

diff --git a/resources/views/components/tomselect.blade.php b/resources/views/components/tomselect.blade.php
index 3ab5d9a..d97f77d 100644
--- a/resources/views/components/tomselect.blade.php
+++ b/resources/views/components/tomselect.blade.php
@@ -1,32 +1,16 @@
-@push('js')
-<link href="https://cdn.jsdelivr.net/npm/tom-select@2.4.3/dist/css/tom-select.bootstrap5.min.css" rel="stylesheet">
-<style>
-    .ts-wrapper .ts-control, .ts-wrapper .ts-control input { background-color: #ffffff !important; border: 1px solid #ced4da !important; }
-    .ts-dropdown { background-color: #ffffff !important; }
-</style>
 <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>
-    document.addEventListener("DOMContentLoaded", () => {
-        document.querySelectorAll('select').forEach((el) => {
-            if (el.tomselect) return;
-            
-            console.log('Initializing TomSelect on:', el.id, 'Options:', el.options.length);
-            
+    window.addEventListener('load', function() {
+        console.log("TOMSELECT DEBUG: Page loaded, checking for selects...");
+        var selects = document.querySelectorAll('select');
+        console.log("TOMSELECT DEBUG: Found " + selects.length + " selects.");
+        selects.forEach(function(el) {
+            console.log("TOMSELECT DEBUG: Initializing", el.id, "Options:", el.options.length);
             new TomSelect(el, {
-                copyClassesToDropdown: false,
-                dropdownParent: 'body',
-                controlInput: '<input>',
-                sortField: {
-                    field: 'text',
-                    direction: 'asc',
-                    func: function(a, b) {
-                        const numA = parseInt(a.text, 10);
-                        const numB = parseInt(b.text, 10);
-                        return numA - numB;
-                    }
-                }
+                create: false,
+                sortField: { field: 'text', direction: 'asc' }
             });
         });
     });
 </script>
-@endpush