From 288c7716384f1e61bb5a350822a1d2a186076cf4 Mon Sep 17 00:00:00 2001
From: kaubu <29447633+kaubu@users.noreply.github.com>
Date: Sun, 17 Dec 2023 11:17:24 +0000
Subject: [PATCH] Expand on the Interactive Wordlist's functions and try to fix
 search focus

---
 src/layouts/default/AppBar.vue | 4 ++--
 src/views/Wordlist.vue         | 3 +++
 2 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/layouts/default/AppBar.vue b/src/layouts/default/AppBar.vue
index a0b3118..b57db02 100644
--- a/src/layouts/default/AppBar.vue
+++ b/src/layouts/default/AppBar.vue
@@ -47,13 +47,13 @@ function searchWord() {
 
 onMounted(() => {
   const searchBar = document.getElementById("searchBar");
-  const wordlistSearch = document.getElementById("wordlistSearch");
+  // const wordlistSearch = document.getElementById("wordlistSearch");
 
   window.addEventListener("keyup", (e) => {
     // If the key is pressed and it is not focused
     if (e.code === "KeyS"
       && (document.activeElement !== searchBar)
-      && (document.activeElement !== wordlistSearch)) {
+      && (document.activeElement?.id !== "wordlistSearch")) {
       console.log(`Focusing search! activeElement = ${document.activeElement?.id}`);
       searchBar?.focus();
     // Unfocus the search bar if escape is pressed
diff --git a/src/views/Wordlist.vue b/src/views/Wordlist.vue
index fd66816..caa846b 100644
--- a/src/views/Wordlist.vue
+++ b/src/views/Wordlist.vue
@@ -20,6 +20,9 @@
 
             <p>You cannot, however, search in two columns at once.</p>
 
+            <p>You can sort multiple columns at a time. Each column will have a
+            number at the side which indicates the order in which is sorts.</p>
+
             <p>This wordlist automatically limits itself to 10 words at a time
             (due to processing lag), but this can be controlled at the very
             bottom with the "Items per page" dropdown selector.</p>