From fe2e16d937e2b57fb2bb1d10dea47db7256a4a49 Mon Sep 17 00:00:00 2001
From: Jacky Zhao <j.zhao2k19@gmail.com>
Date: Mon, 24 Mar 2025 01:08:07 +0000
Subject: [PATCH] fix: disallow user-select in popover
---
quartz/components/OverflowList.tsx | 19 ++++++++++++++-----
1 files changed, 14 insertions(+), 5 deletions(-)
diff --git a/quartz/components/OverflowList.tsx b/quartz/components/OverflowList.tsx
index d74c5c2..18aa9a6 100644
--- a/quartz/components/OverflowList.tsx
+++ b/quartz/components/OverflowList.tsx
@@ -1,22 +1,31 @@
import { JSX } from "preact"
+import { randomIdNonSecure } from "../util/random"
const OverflowList = ({
children,
...props
}: JSX.HTMLAttributes<HTMLUListElement> & { id: string }) => {
return (
- <ul class="overflow" {...props}>
+ <ul {...props} class={[props.class, "overflow"].filter(Boolean).join(" ")} id={props.id}>
{children}
<li class="overflow-end" />
</ul>
)
}
-OverflowList.afterDOMLoaded = (id: string) => `
+export default () => {
+ const id = randomIdNonSecure()
+
+ return {
+ OverflowList: (props: JSX.HTMLAttributes<HTMLUListElement>) => (
+ <OverflowList {...props} id={id} />
+ ),
+ overflowListAfterDOMLoaded: `
document.addEventListener("nav", (e) => {
const observer = new IntersectionObserver((entries) => {
for (const entry of entries) {
const parentUl = entry.target.parentElement
+ if (!parentUl) return
if (entry.isIntersecting) {
parentUl.classList.remove("gradient-active")
} else {
@@ -34,6 +43,6 @@
observer.observe(end)
window.addCleanup(() => observer.disconnect())
})
-`
-
-export default OverflowList
+`,
+ }
+}
--
Gitblit v1.10.0