diff --git a/quartz/components/scripts/popover.inline.ts b/quartz/components/scripts/popover.inline.ts index b01af0e..7337793 100644 --- a/quartz/components/scripts/popover.inline.ts +++ b/quartz/components/scripts/popover.inline.ts @@ -82,6 +82,8 @@ async function mouseEnterHandler( const contents = await response.text() const html = p.parseFromString(contents, "text/html") normalizeRelativeURLs(html, targetUrl) + // strip all IDs from elements to prevent duplicates + html.querySelectorAll("[id]").forEach((el) => el.removeAttribute("id")) const elts = [...html.getElementsByClassName("popover-hint")] if (elts.length === 0) return diff --git a/quartz/styles/base.scss b/quartz/styles/base.scss index e0ab076..9d9d638 100644 --- a/quartz/styles/base.scss +++ b/quartz/styles/base.scss @@ -351,6 +351,10 @@ h6 { &[id]:hover > a { opacity: 1; } + + &:not([id]) > a[role="anchor"] { + display: none; + } } // typography improvements