From e0c4ad30bec3f2bd325d65b210ffb0437149810f Mon Sep 17 00:00:00 2001
From: William Martin <contact@willmartin.dev>
Date: Tue, 17 Aug 2021 23:53:16 -0400
Subject: [PATCH] fix(item-sliding): prevent scrolling during slide gesture
 (#23774)

resolves #19564
---
 .../components/item-option/item-option.tsx    |  2 +-
 .../components/item-sliding/item-sliding.tsx  | 23 +++++++++++++++++++
 2 files changed, 24 insertions(+), 1 deletion(-)

diff --git a/core/src/components/item-option/item-option.tsx b/core/src/components/item-option/item-option.tsx
index 6249862e84..25f9592fea 100644
--- a/core/src/components/item-option/item-option.tsx
+++ b/core/src/components/item-option/item-option.tsx
@@ -104,7 +104,7 @@ export class ItemOption implements ComponentInterface, AnchorInterface, ButtonIn
           [mode]: true,
           'item-option-disabled': disabled,
           'item-option-expandable': expandable,
-          'ion-activatable': true,
+          'ion-activatable': true
         })}
       >
         <TagType
diff --git a/core/src/components/item-sliding/item-sliding.tsx b/core/src/components/item-sliding/item-sliding.tsx
index 487fb72679..cd6b67841c 100644
--- a/core/src/components/item-sliding/item-sliding.tsx
+++ b/core/src/components/item-sliding/item-sliding.tsx
@@ -43,6 +43,8 @@ export class ItemSliding implements ComponentInterface {
   private rightOptions?: HTMLIonItemOptionsElement;
   private optsDirty = true;
   private gesture?: Gesture;
+  private closestContent: HTMLIonContentElement | null = null;
+  private initialContentScrollY = true;
 
   @Element() el!: HTMLIonItemSlidingElement;
 
@@ -66,6 +68,8 @@ export class ItemSliding implements ComponentInterface {
 
   async connectedCallback() {
     this.item = this.el.querySelector('ion-item');
+    this.closestContent = this.el.closest('ion-content');
+
     await this.updateOptions();
 
     this.gesture = (await import('../../utils/gesture')).createGesture({
@@ -252,7 +256,23 @@ export class ItemSliding implements ComponentInterface {
     return !!(this.rightOptions || this.leftOptions);
   }
 
+  private disableContentScrollY() {
+    if (this.closestContent === null) { return }
+
+    this.initialContentScrollY = this.closestContent.scrollY;
+    this.closestContent.scrollY = false;
+  }
+
+  private restoreContentScrollY() {
+    if (this.closestContent === null) { return }
+
+    this.closestContent.scrollY = this.initialContentScrollY;
+  }
+
   private onStart() {
+    // Prevent scrolling during gesture
+    this.disableContentScrollY();
+
     openSlidingItem = this.el;
 
     if (this.tmr !== undefined) {
@@ -297,6 +317,9 @@ export class ItemSliding implements ComponentInterface {
   }
 
   private onEnd(gesture: GestureDetail) {
+    // Restore ion-content scrollY to initial value when gesture ends
+    this.restoreContentScrollY();
+
     const velocity = gesture.velocityX;
 
     let restingPoint = (this.openAmount > 0)