From a0b927da4aa9bb540b50c875e77f97bd4a7c279a Mon Sep 17 00:00:00 2001
From: Jacky Zhao <j.zhao2k19@gmail.com>
Date: Fri, 02 Feb 2024 09:24:40 +0000
Subject: [PATCH] fix: use display instead of visibility for click handling pasthrough
---
quartz/components/styles/search.scss | 7 +++++--
quartz/components/scripts/search.inline.ts | 4 ++--
2 files changed, 7 insertions(+), 4 deletions(-)
diff --git a/quartz/components/scripts/search.inline.ts b/quartz/components/scripts/search.inline.ts
index 769483d..abdef06 100644
--- a/quartz/components/scripts/search.inline.ts
+++ b/quartz/components/scripts/search.inline.ts
@@ -188,7 +188,7 @@
removeAllChildren(preview)
}
if (searchLayout) {
- searchLayout.style.visibility = "hidden"
+ searchLayout.classList.remove("display-results")
}
searchType = "basic" // reset search type after closing
@@ -424,7 +424,7 @@
async function onType(e: HTMLElementEventMap["input"]) {
if (!searchLayout || !index) return
currentSearchTerm = (e.target as HTMLInputElement).value
- searchLayout.style.visibility = currentSearchTerm === "" ? "hidden" : "visible"
+ searchLayout.classList.toggle("display-results", currentSearchTerm !== "")
searchType = currentSearchTerm.startsWith("#") ? "tags" : "basic"
let searchResults: FlexSearch.SimpleDocumentSearchResultSetUnit[]
diff --git a/quartz/components/styles/search.scss b/quartz/components/styles/search.scss
index 1471a77..7ede359 100644
--- a/quartz/components/styles/search.scss
+++ b/quartz/components/styles/search.scss
@@ -83,11 +83,14 @@
}
& > #search-layout {
- display: flex;
+ display: none;
flex-direction: row;
- visibility: hidden;
border: 1px solid var(--lightgray);
+ &.display-results {
+ display: flex;
+ }
+
@media all and (min-width: $tabletBreakpoint) {
&[data-preview] {
& .result-card > p.preview {
--
Gitblit v1.10.0