From 799eb37ae0efdc69f8801163f8f648be3ba85154 Mon Sep 17 00:00:00 2001
From: Russ Long <rl@tfmm.co>
Date: Fri, 1 May 2026 14:26:49 -0400
Subject: [PATCH] debug: apply aggressive CSS to troubleshoot tomselect
 visibility

---
 .../views/components/tomselect.blade.php      | 21 ++++++++++++++-----
 1 file changed, 16 insertions(+), 5 deletions(-)

diff --git a/resources/views/components/tomselect.blade.php b/resources/views/components/tomselect.blade.php
index d97f77d..9cec652 100644
--- a/resources/views/components/tomselect.blade.php
+++ b/resources/views/components/tomselect.blade.php
@@ -1,12 +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">
+<style>
+    /* Aggressive visibility for debug */
+    .ts-control, .ts-wrapper .ts-control {
+        background-color: #ffffff !important;
+        border: 2px solid red !important;
+        min-height: 50px !important;
+        opacity: 1 !important;
+    }
+    .ts-dropdown {
+        display: block !important;
+        z-index: 10000 !important;
+        background-color: white !important;
+        border: 1px solid black !important;
+    }
+</style>
 <script>
     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);
+        document.querySelectorAll('select').forEach(function(el) {
             new TomSelect(el, {
                 create: false,
                 sortField: { field: 'text', direction: 'asc' }