From ddb77fb3599fb469f63b88efda94eb914f4c2578 Mon Sep 17 00:00:00 2001 From: mhmmdtech Date: Sun, 10 Sep 2023 02:15:02 +0330 Subject: [PATCH] add 'touch-action: none' to swiper-scrollbar - '-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+. --- src/modules/scrollbar/scrollbar.less | 1 + src/modules/scrollbar/scrollbar.scss | 1 + 2 files changed, 2 insertions(+) diff --git a/src/modules/scrollbar/scrollbar.less b/src/modules/scrollbar/scrollbar.less index dade5bad4..4920d9bf0 100644 --- 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 index 2ac8b76c7..93882d383 100644 --- 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 {