feat(photo-browser): enables cssMode by default for iOS and Android devices

nolimits4web · nolimits4web · commit d6cb8e327165 · 2021-09-30T16:22:32.000+03:00
diff --git a/src/core/components/photo-browser/photo-browser-class.js b/src/core/components/photo-browser/photo-browser-class.js
@@ -1,4 +1,5 @@
 /* eslint indent: ["off"] */
+// eslint-disable-next-line
 import { getWindow } from 'ssr-window';
 import $ from '../../shared/dom7';
 import { extend, now, nextTick, deleteProps } from '../../shared/utils';
@@ -334,7 +335,7 @@ class PhotoBrowser extends Framework7Class {
                 return '';
               })}
             </div>
-            <div class="photo-browser-swiper-container swiper-container">
+            <div class="photo-browser-swiper-container swiper">
               <div class="photo-browser-swiper-wrapper swiper-wrapper">
                 {!pb.params.virtualSlides &&
                   pb.params.photos.map((photo, index) => {
@@ -409,10 +410,13 @@ class PhotoBrowser extends Framework7Class {
 
     const swiperParams = extend({}, pb.params.swiper, {
       initialSlide: pb.activeIndex,
+      cssMode:
+        typeof pb.params.swiper.cssMode === 'undefined' && (app.device.ios || app.device.android)
+          ? true
+          : pb.params.swiper.cssMode,
       on: {
         click(e) {
           clearTimeout(clickTimeout);
-
           if (pb.params.exposition) {
             clickTimeout = setTimeout(() => {
               pb.expositionToggle();
diff --git a/src/core/components/photo-browser/photo-browser.js b/src/core/components/photo-browser/photo-browser.js
@@ -41,6 +41,9 @@ export default {
         speed: 300,
         loop: false,
         preloadImages: true,
+        keyboard: {
+          enabled: true,
+        },
         navigation: {
           nextEl: '.photo-browser-next',
           prevEl: '.photo-browser-prev',
