fix: use display instead of visibility for click handling pasthrough

Jacky Zhao

2024-02-02 a0b927da4aa9bb540b50c875e77f97bd4a7c279a

fix: use display instead of visibility for click handling pasthrough

 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[]

 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 {