fix(scrollbar): add 'touch-action: none' to swiper-scrollbar (#7024)

- '-ms-touch-action' is not supported by Firefox, Firefox for Android, Safari, Samsung Internet. Add 'touch-action' to support Firefox 52+, Firefox for Android 52+, Safari 13+, Samsung Internet 3.0+.
nolimits4web · Sep 20, 2023 · 9542d09 · 9542d09
1 parent 96e5166
commit 9542d09
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 0 deletions.
diff --git a/src/modules/scrollbar/scrollbar.less b/src/modules/scrollbar/scrollbar.less
@@ -15,6 +15,7 @@
   border-radius: var(--swiper-scrollbar-border-radius, 10px);
   position: relative;
   -ms-touch-action: none;
+  touch-action: none;
   background: var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, 0.1));
   .swiper-scrollbar-disabled > &,
   &.swiper-scrollbar-disabled {

diff --git a/src/modules/scrollbar/scrollbar.scss b/src/modules/scrollbar/scrollbar.scss
@@ -17,6 +17,7 @@
   border-radius: var(--swiper-scrollbar-border-radius, 10px);
   position: relative;
   -ms-touch-action: none;
+  touch-action: none;
   background: var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, 0.1));
   .swiper-scrollbar-disabled > &,
   &.swiper-scrollbar-disabled {