fix: fix anchor click handling

zhaoshengblog · Mar 19, 2022 · 07f05dd · 07f05dd
1 parent 42701f6
commit 07f05dd
Showing 1 changed file with 15 additions and 10 deletions.
diff --git a/src/renderer/plugins/markdown-link.ts b/src/renderer/plugins/markdown-link.ts
@@ -19,6 +19,15 @@ function getElement (id: string) {
     document.getElementById(encodeURIComponent(id.replace(/^h-/, '')))
 }
 
+function getAnchorElement (target: HTMLElement) {
+  let cur: HTMLElement | null = target
+  while (cur && cur.tagName !== 'A' && cur.tagName !== 'ARTICLE') {
+    cur = cur.parentElement
+  }
+
+  return cur?.tagName === 'A' ? <HTMLAnchorElement>cur : null
+}
+
 const handleLink = (link: HTMLAnchorElement, view: HTMLElement) => {
   const { currentFile } = store.state
   if (!currentFile) {
@@ -224,17 +233,13 @@ export default {
     })
 
     ctx.registerHook('VIEW_ELEMENT_CLICK', async ({ e, view }) => {
-      const target = e.target as HTMLElement
+      const anchorTarget = getAnchorElement(<HTMLElement>e.target)
 
-      const preventEvent = () => {
-        e.preventDefault()
-        e.stopPropagation()
-        return true
-      }
-
-      if (target.tagName === 'A' || target.parentElement?.tagName === 'A') {
-        if (handleLink(target as HTMLAnchorElement, view)) {
-          return preventEvent()
+      if (anchorTarget) {
+        if (handleLink(anchorTarget, view)) {
+          e.preventDefault()
+          e.stopPropagation()
+          return true
         } else {
           return true
         }