themes/default/layouts/partials/navigator-middle: Use query selector

Search entry -> search box

1 files changed, 5 insertions, 5 deletions

diff --git a/static/js/fixedsearch.ts b/static/js/fixedsearch.ts
index f933dd7..04d318b 100644
--- a/static/js/fixedsearch.ts
+++ b/static/js/fixedsearch.ts
@@ -8,11 +8,11 @@
 (function () {
   ["DOMContentLoaded", "URLChangedCustomEvent"].forEach(function (event) {
   self.addEventListener(event, function () {
-    const form = document.getElementById("search-form"); // targets <form>
-    const query = document.getElementById("search-input"); // targets <input>
-    const submit = document.getElementById("search-submit"); // targets <button>
-    const dropdown = document.getElementById("search-results"); // targets <ul>
-    const container = document.getElementById("search-frame"); // targets parent
+    const container = document.querySelector("search-box");
+    const dropdown  = document.querySelector("search-box ul");
+    const form      = document.querySelector("search-box form");
+    const query     = document.querySelector("search-box input");
+    const submit    = document.querySelector("search-box button");
 
     function first(element) {
       if (element.firstChild.nextElementSibling) {