MediaWiki:Common.js

Note: After publishing, you may have to bypass your browser's cache to see the changes.

• Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
• Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
• Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.

document.addEventListener("DOMContentLoaded", function() {
    // Get the sidebar element
    var sidebar = document.querySelector("#mw-panel");
    
    if (sidebar && !document.querySelector("#p-search")) { // Check if no duplicate search exists
        var searchBox = document.createElement("div");
        searchBox.id = "p-search";  // Set the ID for the search box
        searchBox.innerHTML = `
            <form action="/index.php" method="get">
                <input type="hidden" name="title" value="Special:Search">
                <input type="search" name="search" placeholder="Search..." required>
            </form>
        `;
        
        // Insert the search box into the sidebar (ensure it's placed in the first portlet)
        var firstPortlet = sidebar.querySelector(".portlet"); // Find the first portlet in the sidebar
        if (firstPortlet) {
            sidebar.insertBefore(searchBox, firstPortlet); // Insert the search box before the first portlet
        }
    }
});