Close lightbox on 'scroll' and 'wheel' events

FreeFeed · Jan 14, 2024 · b6721fa · b6721fa
1 parent ef6d23c
commit b6721fa
Showing 1 changed file with 13 additions and 0 deletions.
diff --git a/src/services/lightbox.js b/src/services/lightbox.js
@@ -70,6 +70,19 @@ function initLightbox() {
     lightbox.on('close', () => fsApi.isFullscreen() && fsApi.exit());
   });
 
+  lightbox.on('bindEvents', () => {
+    const h = (e) => {
+      e.preventDefault();
+      lightbox.pswp.close();
+    };
+    window.addEventListener('scroll', h, { passive: false });
+    document.addEventListener('wheel', h, { passive: false });
+    lightbox.on('destroy', () => {
+      window.removeEventListener('scroll', h, { passive: false });
+      document.removeEventListener('wheel', h, { passive: false });
+    });
+  });
+
   // Add filters for the correct open/close animation
   lightbox.addFilter('placeholderSrc', (placeholderSrc, content) => {
     const thumb = document.getElementById(content.data.pid);