The Trans Directory
fix: use display instead of visibility for click handling pasthrough
+7
-4
+2
-2
quartz/components/scripts/search.inline.ts
+2
-2
quartz/components/scripts/search.inline.ts
···
188
188
removeAllChildren(preview)
189
189
}
190
190
if (searchLayout) {
191
-
searchLayout.style.visibility = "hidden"
191
+
searchLayout.classList.remove("display-results")
192
192
}
193
193
194
194
searchType = "basic" // reset search type after closing
···
424
424
async function onType(e: HTMLElementEventMap["input"]) {
425
425
if (!searchLayout || !index) return
426
426
currentSearchTerm = (e.target as HTMLInputElement).value
427
-
searchLayout.style.visibility = currentSearchTerm === "" ? "hidden" : "visible"
427
+
searchLayout.classList.toggle("display-results", currentSearchTerm !== "")
428
428
searchType = currentSearchTerm.startsWith("#") ? "tags" : "basic"
429
429
430
430
let searchResults: FlexSearch.SimpleDocumentSearchResultSetUnit[]
+5
-2
quartz/components/styles/search.scss
+5
-2
quartz/components/styles/search.scss
···
83
83
}
84
84
85
85
& > #search-layout {
86
-
display: flex;
86
+
display: none;
87
87
flex-direction: row;
88
-
visibility: hidden;
89
88
border: 1px solid var(--lightgray);
89
+
90
+
&.display-results {
91
+
display: flex;
92
+
}
90
93
91
94
@media all and (min-width: $tabletBreakpoint) {
92
95
&[data-preview] {