From d318a365a00c42baeae4efdec1388f0fef82ece5 Mon Sep 17 00:00:00 2001
From: Jonathan Miller <230051081+jmiller-moko@users.noreply.github.com>
Date: Tue, 7 Apr 2026 21:10:21 -0500
Subject: [PATCH] Fix search module not showing on desktop

Remove Bootstrap collapse classes that were hiding the search on
desktop. Use CSS media queries instead: hidden on mobile by default,
visible on desktop. JS toggles .show class on mobile via the
search-toggler button.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
---
 src/index.php              |  2 +-
 src/media/css/template.css |  6 +++++-
 src/media/js/template.js   | 15 +++++++++++++++
 3 files changed, 21 insertions(+), 2 deletions(-)

diff --git a/src/index.php b/src/index.php
index 5a5abf0..1198dca 100644
--- a/src/index.php
+++ b/src/index.php
@@ -451,7 +451,7 @@ $wa->useScript('user.js');         // js/user.js
 				<button class="search-toggler d-lg-none" type="button" data-bs-toggle="collapse" data-bs-target="#headerSearchCollapse" aria-controls="headerSearchCollapse" aria-expanded="false" aria-label="<?php echo Text::_('JSEARCH_FILTER_SUBMIT'); ?>">
 					<span class="fa-solid fa-magnifying-glass" aria-hidden="true"></span>
 				</button>
-				<div class="container-search collapse d-lg-block" id="headerSearchCollapse">
+				<div class="container-search" id="headerSearchCollapse">
 					<jdoc:include type="modules" name="search" style="none" />
 				</div>
 			<?php endif; ?>
diff --git a/src/media/css/template.css b/src/media/css/template.css
index b0611b2..f9c9f5b 100644
--- a/src/media/css/template.css
+++ b/src/media/css/template.css
@@ -18672,10 +18672,14 @@ nav[data-toggle=toc] .nav-link.active+ul{
 		margin-top: 0.5rem;
 	}
 
-	.container-header .container-search.collapse:not(.show) {
+	.container-header .container-search {
 		display: none;
 	}
 
+	.container-header .container-search.show {
+		display: block;
+	}
+
 	.mod-finder__search.input-group {
 		max-width: 100%;
 	}
diff --git a/src/media/js/template.js b/src/media/js/template.js
index 4504bb3..b1d85d1 100644
--- a/src/media/js/template.js
+++ b/src/media/js/template.js
@@ -539,6 +539,20 @@
 		});
 	}
 
+	/**
+	 * Toggle search on mobile via .show class
+	 */
+	function initSearchToggle() {
+		var btn = doc.querySelector(".search-toggler");
+		var target = doc.getElementById("headerSearchCollapse");
+		if (!btn || !target) return;
+
+		btn.addEventListener("click", function () {
+			var isOpen = target.classList.toggle("show");
+			btn.setAttribute("aria-expanded", isOpen ? "true" : "false");
+		});
+	}
+
 	/**
 	 * Run all template JS initializations
 	 */
@@ -563,6 +577,7 @@
 		// Init features
 		initDrawers();
 		initBackTop();
+		initSearchToggle();
 		initSidebarAccordion();
 	}