From 2694a56eb896ec4564630e36647d0b53a2278591 Mon Sep 17 00:00:00 2001
From: Hsieh Chin Fan <pham@topo.tw>
Date: Sat, 12 Oct 2024 16:38:22 +0800
Subject: fix: remove leader lines anyway

in case content refresh when link is hovered
---
 src/dumbyUtils.mjs | 2 +-
 src/dumbymap.mjs   | 5 +++++
 2 files changed, 6 insertions(+), 1 deletion(-)

(limited to 'src')

diff --git a/src/dumbyUtils.mjs b/src/dumbyUtils.mjs
index a350ee3..e8fb982 100644
--- a/src/dumbyUtils.mjs
+++ b/src/dumbyUtils.mjs
@@ -250,7 +250,7 @@ export const createDocLink = link => {
  *
  * @param {HTMLAnchorElement} link
  */
-const removeLeaderLines = link => {
+export const removeLeaderLines = link => {
   if (!link.lines) return
   link.lines.forEach(line => line.remove())
   link.lines = []
diff --git a/src/dumbymap.mjs b/src/dumbymap.mjs
index 4a11bcb..34b0e32 100644
--- a/src/dumbymap.mjs
+++ b/src/dumbymap.mjs
@@ -224,6 +224,11 @@ export const generateMaps = (container, {
       .forEach(utils.createGeoLink)
   })
 
+  /** LINK: remove all leaderline when onRemove() */
+  onRemove(htmlHolder, () =>
+    htmlHolder.querySelectorAll('.with-leader-line')
+      .forEach(utils.removeLeaderLines),
+  )
   /**
    * mapFocusObserver. observe for map focus
    * @return {MutationObserver} observer
-- 
cgit v1.2.3-70-g09d2