Expand on the Interactive Wordlist's functions and try to fix search …

…focus

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

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>