From f78b512436ebc293d10e9ebdd0fc5fbd1705dde4 Mon Sep 17 00:00:00 2001
From: Aaron Pham <29749331+aarnphm@users.noreply.github.com>
Date: Fri, 02 Feb 2024 03:25:45 +0000
Subject: [PATCH] chore(search): check for input type and assignment of focus (#785)
---
quartz/components/scripts/search.inline.ts | 7 ++++++-
1 files changed, 6 insertions(+), 1 deletions(-)
diff --git a/quartz/components/scripts/search.inline.ts b/quartz/components/scripts/search.inline.ts
index 3bbfa7b..8ead5c9 100644
--- a/quartz/components/scripts/search.inline.ts
+++ b/quartz/components/scripts/search.inline.ts
@@ -238,7 +238,7 @@
e.preventDefault()
// The results should already been focused, so we need to find the next one.
// The activeElement is the search bar, so we need to find the first result and focus it.
- if (!results?.contains(document.activeElement)) {
+ if (document.activeElement === searchBar || currentHover !== null) {
const firstResult = currentHover
? currentHover
: (document.getElementsByClassName("result-card")[0] as HTMLInputElement | null)
@@ -398,6 +398,7 @@
removeAllChildren(preview as HTMLElement)
} else {
firstChild.classList.add("focus")
+ currentHover = firstChild as HTMLInputElement
await displayPreview(firstChild)
}
}
@@ -451,6 +452,10 @@
searchLayout.style.opacity = "1"
}
+ if (term === "" && searchLayout) {
+ searchLayout.style.opacity = "0"
+ }
+
if (term.toLowerCase().startsWith("#")) {
searchType = "tags"
} else {
--
Gitblit v1.10.0