fix: remove leader lines anyway

in case content refresh when link is hovered

2 files changed, 6 insertions, 1 deletions

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