Prevent tag menu closure also closing search modal

diff --git a/client/partials/SearchInput.vue b/client/partials/SearchInput.vue
index 4b79d0f239e60f63986209feef7262ba81a61088..7afac2e36af4ab6f22d6d8013ca2efc387b4df0f 100644 (file)
--- a/client/partials/SearchInput.vue
+++ b/client/partials/SearchInput.vue
@@ -91,6 +91,7 @@ function keydownHandler(event) {
       tagChosen(tagMatches.value[tagMenuIndex.value]);
     } else if (event.key === "Escape") {
       tagMenuVisible.value = false;
+      event.stopPropagation();  // Prevent the modal from closing when the tag menu is open.
     }
   }
   // Tag Menu Closed
@@ -112,9 +113,7 @@ function search() {
     });
     emit("search");
   } else {
-    toast.add(
-      getToastOptions("Please enter a search term.", "Error", "error"),
-    );
+    toast.add(getToastOptions("Please enter a search term.", "Error", "error"));
   }
 }
 

diff --git a/client/partials/SearchModal.vue b/client/partials/SearchModal.vue
index 7cbdd848b0957dcf330c0eb414f66f8a85d6cb16..ce26daa8a6f9cf7734dce053634af0b540238f97 100644 (file)
--- a/client/partials/SearchModal.vue
+++ b/client/partials/SearchModal.vue
@@ -4,7 +4,7 @@
       large
       placeholder="Search by title, content or #tags..."
       @search="toggleHandler"
-      @keyup.esc="toggleHandler"
+      @keydown.esc="toggleHandler"
     />
   </Modal>
 </template>