From 7f8a06d41ccba209730b68d4367e2d121c73ead6 Mon Sep 17 00:00:00 2001
From: Sean Perkins <sean@ionic.io>
Date: Fri, 12 Jan 2024 15:17:44 -0500
Subject: [PATCH] fix: animation for rtl collapse end side

---
 core/src/components/item-sliding/item-sliding.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/core/src/components/item-sliding/item-sliding.tsx b/core/src/components/item-sliding/item-sliding.tsx
index be5ad37323..f84043023e 100644
--- a/core/src/components/item-sliding/item-sliding.tsx
+++ b/core/src/components/item-sliding/item-sliding.tsx
@@ -623,11 +623,11 @@ export class ItemSliding implements ComponentInterface {
   ) {
     let optionWidthOffset = 0;
 
-    const finalTransform = isRTL
-      ? `translate3d(${containerWidthOffset + optionWidthOffset},0,0)`
-      : `translate3d(${containerWidthOffset - optionWidthOffset}px,0,0)`;
-
     options.forEach((option) => {
+      const finalTransform = isRTL
+        ? `translate3d(${optionWidthOffset + option.clientWidth}px,0,0)`
+        : `translate3d(${containerWidthOffset - optionWidthOffset}px,0,0)`;
+
       const keyframes: Keyframe[] = [
         { transform: option.style.transform },
         isReset