Prevent cursor jumping to the beginning of the seach field when navig…

…ating search results upwards
doersino · Mar 26, 2021 · 1ac453c · 1ac453c
1 parent 01a7ec9
commit 1ac453c
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 1 deletion.
diff --git a/_assets/search.js b/_assets/search.js
@@ -101,8 +101,10 @@ function highlightSearchSelection() {
 searchInput.addEventListener('keydown', e => {
     if (e.key == "ArrowUp") {
         searchSelection = Math.max(-1, searchSelection - 1);
+        e.preventDefault();
     } else if (e.key == "ArrowDown") {
         searchSelection = Math.min(searchResultsCount - 1, searchSelection + 1);
+        e.preventDefault();
     } else if (e.key == "Enter") {
         if (searchSelection != -1) {
             document.getElementById(`${searchSelection}`).click();

diff --git a/_site/assets/search.js b/_site/assets/search.js
@@ -101,8 +101,10 @@ function highlightSearchSelection() {
 searchInput.addEventListener('keydown', e => {
     if (e.key == "ArrowUp") {
         searchSelection = Math.max(-1, searchSelection - 1);
+        e.preventDefault();
     } else if (e.key == "ArrowDown") {
         searchSelection = Math.min(searchResultsCount - 1, searchSelection + 1);
+        e.preventDefault();
     } else if (e.key == "Enter") {
         if (searchSelection != -1) {
             document.getElementById(`${searchSelection}`).click();

diff --git a/_site/index.html b/_site/index.html
@@ -82,7 +82,7 @@ <h3>
                                                 </section>
                 <footer>
                     <p>Enjoy!</p>
-                    <p class="updatedtime">Updated on 2021-03-25.</p>
+                    <p class="updatedtime">Updated on 2021-03-26.</p>
                 </footer>    </main>
 </body>
 </html>