Allow middle-clicking the search button (resolves #1878)

TASVideos · Oct 5, 2024 · 38f8cf6 · 38f8cf6
1 parent 34e13d2
commit 38f8cf6
Showing 1 changed file with 16 additions and 0 deletions.
diff --git a/TASVideos/wwwroot/js/site-head.js b/TASVideos/wwwroot/js/site-head.js
@@ -64,6 +64,22 @@ window.addEventListener("DOMContentLoaded", function () {
             rate(btn.dataset.pubId, true);
         };
     });
+
+    // allow middle-clicking the search button to open in new tab
+    const searchBtnElem = document.querySelector(/*ul.navbar-nav */'form[action="/Search/Index"] button[type="submit"]');
+    // is there a function for this? reverse Element.querySelector?
+    let searchFormElem = searchBtnElem.parentElement;
+    while (!(searchFormElem instanceof HTMLFormElement)) searchFormElem = searchFormElem.parentElement;
+    const linkElem = document.createElement("a");
+    Array.from(searchBtnElem.attributes).forEach(attr => linkElem.setAttribute(attr.name, attr.value));
+    linkElem.onclick = e => {
+        e.preventDefault();
+        searchFormElem.requestSubmit();
+    };
+    linkElem.removeAttribute("type");
+    linkElem.setAttribute("href", "/Search/Index");
+    Array.from(searchBtnElem.children).forEach(e => linkElem.appendChild(e));
+    searchBtnElem.replaceWith(linkElem);
 });
 
 function rate(pubId, unrated) {