add , {passive: true} to document.addEventListener

quartz.config.ts

@@ -26,7 +26,8 @@ const config: QuartzConfig = {
           // darkgray: "#4e4e4e",
           darkgray: "#2e2e2e",
           dark: "#2b2b2b",
-          secondary: "#284b63",
+          // secondary: "#284b63",
+          secondary: "#152733",
           tertiary: "#84a59d",
           highlight: "#8f9fa926",
         },

quartz/components/scripts/callout.inline.ts

@@ -40,5 +40,5 @@ function setupCallout() {
   }
 }
 
-document.addEventListener(`nav`, setupCallout)
+document.addEventListener(`nav`, setupCallout, {passive: true})
 window.addEventListener(`resize`, setupCallout)

quartz/components/scripts/clipboard.inline.ts

@@ -30,4 +30,4 @@ document.addEventListener("nav", () => {
       els[i].prepend(button)
     }
   }
-})
+}, {passive: true})

quartz/components/scripts/darkmode.inline.ts

@@ -29,4 +29,4 @@ document.addEventListener("nav", () => {
     localStorage.setItem("theme", newTheme)
     toggleSwitch.checked = e.matches
   })
-})
+}, {passive: true})

quartz/components/scripts/explorer.inline.ts

@@ -136,7 +136,7 @@ document.addEventListener("nav", () => {
 
   observer.disconnect()
   observer.observe(lastItem as Element)
-})
+}, {passive: true})
 
 /**
  * Toggles the state of a given folder

quartz/components/scripts/graph.inline.ts

@@ -325,4 +325,4 @@ document.addEventListener("nav", async (e: unknown) => {
   const containerIcon = document.getElementById("global-graph-icon")
   containerIcon?.removeEventListener("click", renderGlobalGraph)
   containerIcon?.addEventListener("click", renderGlobalGraph)
-})
+}, {passive: true})

quartz/components/scripts/plausible.inline.ts

@@ -1,3 +1,3 @@
 import Plausible from "plausible-tracker"
 const { trackPageview } = Plausible()
-document.addEventListener("nav", () => trackPageview())
+document.addEventListener("nav", () => trackPageview(), {passive: true})

quartz/components/scripts/popover.inline.ts

@@ -80,4 +80,4 @@ document.addEventListener("nav", () => {
     link.removeEventListener("mouseenter", mouseEnterHandler)
     link.addEventListener("mouseenter", mouseEnterHandler)
   }
-})
+}, {passive: true})

quartz/components/scripts/search.inline.ts

@@ -293,7 +293,7 @@ document.addEventListener("nav", async (e: unknown) => {
     document.removeEventListener("keydown", prevShortcutHandler)
   }
 
-  document.addEventListener("keydown", shortcutHandler)
+  document.addEventListener("keydown", shortcutHandler, {passive: true})
   prevShortcutHandler = shortcutHandler
   searchIcon?.removeEventListener("click", () => showSearch("basic"))
   searchIcon?.addEventListener("click", () => showSearch("basic"))
@@ -330,7 +330,7 @@ document.addEventListener("nav", async (e: unknown) => {
 
   // register handlers
   registerEscapeHandler(container, hideSearch)
-})
+}, {passive: true})
 
 /**
  * Fills flexsearch document with data

quartz/components/scripts/toc.inline.ts

@@ -39,4 +39,4 @@ document.addEventListener("nav", () => {
   observer.disconnect()
   const headers = document.querySelectorAll("h1[id], h2[id], h3[id], h4[id], h5[id], h6[id]")
   headers.forEach((header) => observer.observe(header))
-})
+}, {passive: true})

quartz/components/scripts/util.ts

@@ -15,7 +15,7 @@ export function registerEscapeHandler(outsideContainer: HTMLElement | null, cb:
   outsideContainer?.removeEventListener("click", click)
   outsideContainer?.addEventListener("click", click)
   document.removeEventListener("keydown", esc)
-  document.addEventListener("keydown", esc)
+  document.addEventListener("keydown", esc, {passive: true})
 }
 
 export function removeAllChildren(node: HTMLElement) {