try

iamdarkle · Sep 8, 2024 · de68d6a · de68d6a
1 parent 6a35e7b
commit de68d6a
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 16 deletions.
diff --git a/js/dist/forum.js b/js/dist/forum.js
diff --git a/js/dist/forum.js.map b/js/dist/forum.js.map
diff --git a/js/src/forum/index.js b/js/src/forum/index.js
@@ -9,10 +9,6 @@ import { Fancybox } from '@fancyapps/ui/dist/fancybox/fancybox.esm.js';
 import '@fancyapps/ui/dist/fancybox/fancybox.css';
 
 app.initializers.add('darkle/fancybox', () => {
-  extend(CommentPost.prototype, 'oninit', function() {
-    this.fancyboxInstances = [];
-  });
-
   extend(CommentPost.prototype, 'oncreate', function () {
     this.initFancybox();
   });
@@ -21,11 +17,6 @@ app.initializers.add('darkle/fancybox', () => {
     this.initFancybox();
   });
 
-  extend(CommentPost.prototype, 'onremove', function () {
-    this.fancyboxInstances.forEach(instance => instance.destroy());
-    this.fancyboxInstances = [];
-  });
-
   CommentPost.prototype.initFancybox = function () {
     const postBody = this.element.querySelector('.Post-body');
     if (!postBody) return;
@@ -43,7 +34,7 @@ app.initializers.add('darkle/fancybox', () => {
     });
 
     // Initialize Fancybox for both galleries and single images
-    const fancyboxInstance = Fancybox.bind(postBody, '[data-fancybox]', {
+    Fancybox.bind(postBody, '[data-fancybox]', {
       Carousel: {
         infinite: false,
       },
@@ -71,13 +62,11 @@ app.initializers.add('darkle/fancybox', () => {
       },
     });
 
-    this.fancyboxInstances.push(fancyboxInstance);
-
     // Prevent default link behavior
     postBody.querySelectorAll('a[data-fancybox]').forEach(link => {
-      link.addEventListener('click', (e) => {
+      link.onclick = (e) => {
         e.preventDefault();
-      });
+      };
     });
   };
 });