Ignore keyboard events search box has focus (#1346)

static/index.js

@@ -1,19 +1,21 @@
-let next = document.querySelector("a.next");
+let next = document.querySelector('a.next');
+let previous = document.querySelector('a.previous');
 
-if (next) {
-  window.addEventListener("keydown", e => {
-    if (e.key == "ArrowRight") {
-      window.location = next.href;
-    }
-  });
-}
+window.addEventListener('keydown', e => {
+  if (document.activeElement.tagName == 'INPUT') {
+    return;
+  }
 
-let previous = document.querySelector("a.previous");
-
-if (previous) {
-  window.addEventListener("keydown", e => {
-    if (e.key == "ArrowLeft") {
-      window.location = previous.href;
-    }
-  });
-}
+  switch (e.key) {
+    case 'ArrowRight':
+      if (next) {
+        window.location = next.href;
+      }
+      return;
+    case 'ArrowLeft':
+      if (previous) {
+        window.location = previous.href;
+      }
+      return;
+  }
+});

templates/page.html

@@ -24,7 +24,7 @@
       <a href=/rare.txt>rare.txt</a>
 %% }
       <form action=/search method=get>
-        <input type=text autocapitalize=off autocomplete=off autocorrect=off autofocus name=query spellcheck=false>
+        <input type=text autocapitalize=off autocomplete=off autocorrect=off name=query spellcheck=false>
         <input type=submit value=Search>
       </form>
     </nav>