Changes in src/views/partials/bottom-tab.ejs [1e172f3:72ec6a4] in Klonkt

File:

• src/views/partials/bottom-tab.ejs (modified) (1 diff)

src/views/partials/bottom-tab.ejs

@@ -302 +302 @@
 </style>
 
-<%# De zoekknop zit nu in de chrome-module (assets/js/mod/chrome.js).
-    Inline script hier wordt door de CSP geweigerd zodra deze partial via htmx
-    binnenkomt, en dat is bij elke navigatie -- zie shaer-0i6. %>
+<script>
+// Bottom-tab search button → opens #search-overlay. Using event delegation + looking
+// up the overlay on EVERY click: the overlay lives in the chrome that is OOB-replaced
+// during htmx navigation, so a once-captured reference goes stale
+// (button did nothing afterwards). Guard against double-wiring.
+(function() {
+  if (window.__btSearchWired) return;
+  window.__btSearchWired = true;
+  document.addEventListener('click', function(e) {
+    if (!e.target.closest || !e.target.closest('#bottom-tab-search-toggle')) return;
+    var o = document.getElementById('search-overlay');
+    if (o) { o.hidden = false; var i = o.querySelector('input'); if (i) i.focus(); }
+  });
+})();
+</script>