Use correct touch-action values

- my fault, my original advice of using `touch-action: pan-x` is exactly the value we *don't* want to have the browser handle...

diff --git a/js/tests/unit/carousel.js b/js/tests/unit/carousel.js
index 68c28aec5e983e4b77935102fc871bef273e2681..932b90f7dd2458cf717cc96048da0d0aac1d3a3d 100644 (file)
--- a/js/tests/unit/carousel.js
+++ b/js/tests/unit/carousel.js
@@ -19,7 +19,7 @@ $(function () {
 
   var stylesCarousel = [
     '<style>',
-    '  .carousel.pointer-event { -ms-touch-action: pan-x; touch-action: pan-x; }',
+    '  .carousel.pointer-event { -ms-touch-action: pan-y pinch-zoom; touch-action: pan-y pinch-zoom; }',
     '</style>'
   ].join('')
 

diff --git a/scss/_carousel.scss b/scss/_carousel.scss
index 7d3728b40ded15edb0904515cac1f31c7abd37ba..130965f7985acf48b050f9872379a937cbbf6868 100644 (file)
--- a/scss/_carousel.scss
+++ b/scss/_carousel.scss
@@ -13,7 +13,7 @@
 }
 
 .carousel.pointer-event {
-  touch-action: pan-x;
+  touch-action: pan-y pinch-zoom;
 }
 
 .carousel-inner {