🐛 Fix: take a dirty hack to fix the bug of APlayer and smoothScroll

Fixed #292
hugo-fixit · Jul 24, 2024 · 4666125 · 4666125
1 parent 99dc099
commit 4666125
Showing 1 changed file with 26 additions and 5 deletions.
diff --git a/assets/js/theme.js b/assets/js/theme.js
@@ -504,11 +504,11 @@ class FixIt {
       return;
     }
     // It's a dirty hack to fix the bug of APlayer, see https://github.com/hugo-fixit/FixIt/issues/292
-    if (typeof APlayer === 'function') {
-      const $newTocCore = $tocCore.cloneNode(true);
-      $tocCore.parentElement.replaceChild($newTocCore, $tocCore);
-      $tocCore = $newTocCore;
-    }
+    // if (typeof APlayer === 'function') {
+    //   const $newTocCore = $tocCore.cloneNode(true);
+    //   $tocCore.parentElement.replaceChild($newTocCore, $tocCore);
+    //   $tocCore = $newTocCore;
+    // }
     if (document.getElementById('toc-static').dataset.kept === 'true' || this.util.isTocStatic()) {
       const $tocContentStatic = document.getElementById('toc-content-static');
       if ($tocCore.parentElement !== $tocContentStatic) {
@@ -579,6 +579,25 @@ class FixIt {
     }, false);
   }
 
+  /**
+   * It's a dirty hack to fix the bug of APlayer and smoothScroll. 
+   * see https://github.com/hugo-fixit/FixIt/issues/292
+   */
+  fixTocScroll() {
+    if (typeof APlayer === 'function') {
+      // remove APlayer click event listener of the toc link
+      let $tocCore = document.getElementById('TableOfContents');
+      const $newTocCore = $tocCore.cloneNode(true);
+      $tocCore.parentElement.replaceChild($newTocCore, $tocCore);
+      $tocCore = $newTocCore;
+      // remove APlayer click event listener of the heading mark
+      this.util.forEach(document.querySelectorAll('.heading-mark'), ($headingMark) => {
+        const $newHeadingMark = $headingMark.cloneNode(true);
+        $headingMark.parentElement.replaceChild($newHeadingMark, $headingMark);
+      });
+    }
+  }
+
   initMath(target = document.body) {
     if (this.config.math) {
       renderMathInElement(target, this.config.math);
@@ -1000,6 +1019,7 @@ class FixIt {
         this.initToc();
         this.initTocListener();
         this.initPangu();
+        this.fixTocScroll();
         this.util.forEach(document.querySelectorAll('.encrypted-hidden'), ($element) => {
           $element.classList.replace('encrypted-hidden', 'decrypted-shown');
         });
@@ -1257,6 +1277,7 @@ class FixIt {
         if (!this.config.encryption?.all) {
           this.initToc();
           this.initTocListener();
+          this.fixTocScroll();
         }
         this.onScroll();
         this.onResize();