MediaWiki:Common.js: Difference between revisions

← Older edit Newer edit →

@@ Line 319: / Line 319: @@
-document.addEventListener('DOMContentLoaded', function () {
+mw.loader.using(['mediawiki.util'], function () {
-   const fakeSearchBox = document.getElementById('skin-citizen-search-trigger');
+   $(function () {
-  const realSearchToggle = document.getElementById('citizen-search-details');
+    console.log("✅ Citizen Search Trigger Loaded");
-	console.log("Search Hooked");
+    const fakeSearchBox = document.getElementById('skin-citizen-search-trigger');
-  if (!fakeSearchBox) return;
+    const realSearchToggle = document.getElementById('citizen-search-details');
-  fakeSearchBox.addEventListener('click', function () {
+    if (!fakeSearchBox) {
-  	console.log("Search Button");
+      console.log("⚠️ Fake search box not found.");
-    if (realSearchToggle) {
+       return;
-      realSearchToggle.open = true; // Open the search dropdown
-    } else {
-      // Fallback: simulate '/' keypress
-      const event = new KeyboardEvent('keydown', {
-        key: '/',
-        keyCode: 191,
-        code: 'Slash',
-        which: 191,
-        bubbles: true,
-        cancelable: true
-      });
-       document.dispatchEvent(event);
      }
+    fakeSearchBox.addEventListener('click', function () {
+      console.log("🔍 Search trigger clicked");
+      if (realSearchToggle) {
+        realSearchToggle.open = true;
+        setTimeout(() => {
+          const input = document.getElementById('searchInput');
+          if (input) input.focus();
+        }, 100);
+      } else {
+        console.log("❌ Real search toggle not found, falling back to / key");
+        const event = new KeyboardEvent('keydown', {
+          key: '/',
+          keyCode: 191,
+          code: 'Slash',
+          which: 191,
+          bubbles: true,
+          cancelable: true
+        });
+        document.dispatchEvent(event);
+      }
+    });
    });
 });