From d8ae7df77d89ef4bb5fcbb711d012ad661ffd689 Mon Sep 17 00:00:00 2001
From: corgifist <sxuare.science@gmail.com>
Date: Sun, 3 Aug 2025 01:31:19 +0300
Subject: [PATCH] fixed sticky delete text in swipe to delete

---
 src/components/swipe-to-delete/SwipeToDelete.tsx | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/components/swipe-to-delete/SwipeToDelete.tsx b/src/components/swipe-to-delete/SwipeToDelete.tsx
index a943f09..fa68f72 100644
--- a/src/components/swipe-to-delete/SwipeToDelete.tsx
+++ b/src/components/swipe-to-delete/SwipeToDelete.tsx
@@ -114,7 +114,7 @@ const SwipeToDelete: FC<SwipeToDeleteProps> = ({
                 }
                 setForceTransparentBackground(true);
                 transparencyTimeout = setTimeout(() => setForceTransparentBackground(false), 150);
-            }
+            } else setDragX(0);
             return;
         }
 
@@ -214,6 +214,7 @@ const SwipeToDelete: FC<SwipeToDeleteProps> = ({
                 transition: isCollapsing
                     ? 'height 300ms cubic-bezier(0.24, 1.04, 0.56, 1)'
                     : undefined,
+                willChange: 'height'
             }}
         >
             {/* Fixed red background + delete text */}
@@ -250,7 +251,8 @@ const SwipeToDelete: FC<SwipeToDeleteProps> = ({
                     transform: `translateX(${Math.floor(dragX)}px)`,
                     transition: dragging
                         ? ''
-                        : 'transform 300ms cubic-bezier(0.24, 1.04, 0.56, 1)'
+                        : 'transform 300ms cubic-bezier(0.24, 1.04, 0.56, 1)',
+                    willChange: 'transform'
                 }}
             >
                 {children}