Add touch-action style property

vtex-apps · Aug 8, 2024 · 87676f6 · 87676f6
1 parent f77ace4
commit 87676f6
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 0 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -7,6 +7,10 @@ and this project adheres to [Semantic Versioning](http://semver.org/spec/v2.0.0.
 
 ## [Unreleased]
 
+### Fixed
+
+- Fixed unexpected vertical scrolling when user scrolls the slider horizontally
+
 ## [0.24.4] - 2023-11-06
 
 ### Fixed

diff --git a/react/components/Slider.tsx b/react/components/Slider.tsx
@@ -105,6 +105,7 @@ const Slider: FC<Props> = ({
         WebkitOverflowScrolling: !shouldUsePagination ? 'touch' : undefined,
         paddingLeft: fullWidth ? undefined : arrowSize * 2,
         paddingRight: fullWidth ? undefined : arrowSize * 2,
+        touchAction: 'pan-y',
       }}
       className={`w-100 flex items-center relative ${handles.sliderLayoutContainer}`}
     >