From c6ed5b4685677f6b85dc7185745851d743913853 Mon Sep 17 00:00:00 2001
From: corgifist <sxuare.science@gmail.com>
Date: Sat, 2 Aug 2025 14:36:11 +0300
Subject: [PATCH] some improvements for swipe to delete

---
 src/components/swipe-to-delete/SwipeToDelete.tsx | 16 ++++++++++++++++
 src/components/swipe-to-delete/styles.css        |  2 ++
 2 files changed, 18 insertions(+)

diff --git a/src/components/swipe-to-delete/SwipeToDelete.tsx b/src/components/swipe-to-delete/SwipeToDelete.tsx
index 0413219..c1c2bb6 100644
--- a/src/components/swipe-to-delete/SwipeToDelete.tsx
+++ b/src/components/swipe-to-delete/SwipeToDelete.tsx
@@ -207,6 +207,22 @@ export const SwipeToDelete = ({
         };
     }, [onMouseMove, onMouseUp, onTouchMove, touching]);
 
+    // disabling scrolling when swiping to delete
+    useEffect(() => {
+        const handleScroll = (e: Event) => {
+            if (deleting) {
+                e.preventDefault();
+                document.body.style.overflow = 'hidden';
+            } else {
+                document.body.style.overflow = 'auto';
+            }
+        };
+
+        window.addEventListener('scroll', handleScroll);
+
+        return () => window.removeEventListener('scroll', handleScroll);
+    }, [deleting]);
+
     return (
         <div id={id} className={`rstdi${internalDeleting ? " deleting" : ""} ${className}`} ref={container}>
             <div className={`delete${internalDeleting ? " deleting" : ""}`}>
diff --git a/src/components/swipe-to-delete/styles.css b/src/components/swipe-to-delete/styles.css
index f4a74ea..1a7bd39 100644
--- a/src/components/swipe-to-delete/styles.css
+++ b/src/components/swipe-to-delete/styles.css
@@ -16,6 +16,8 @@
     overflow: hidden;
     height: 100%;
     max-height: 100%;
+    overflow: hidden;
+    overscroll-behavior: none;
 }
 
 .rstdi *,