fix(virtual): fix when Element not swiping in Safari

fixes #7679

Author: nolimits4web

src/core/slide/slideTo.mjs

@@ -1,3 +1,4 @@
+import { getBrowser } from '../../shared/get-browser.mjs';
 import { animateCSSModeScroll } from '../../shared/utils.mjs';
 
 export default function slideTo(index = 0, speed, runCallbacks = true, internal, initial) {
@@ -151,6 +152,12 @@ export default function slideTo(index = 0, speed, runCallbacks = true, internal,
     }
     return true;
   }
+
+  const browser = getBrowser();
+  const isSafari = browser.isSafari;
+  if (isVirtual && !initial && isSafari && swiper.isElement) {
+    swiper.virtual.update(false, false, slideIndex);
+  }
   swiper.setTransition(speed);
   swiper.setTranslate(translate);
   swiper.updateActiveIndex(slideIndex);

src/modules/virtual/virtual.mjs

@@ -58,7 +58,7 @@ export default function Virtual({ swiper, extendParams, on, emit }) {
     return slideEl;
   }
 
-  function update(force, beforeInit) {
+  function update(force, beforeInit, forceActiveIndex) {
     const {
       slidesPerView,
       slidesPerGroup,
@@ -81,7 +81,8 @@ export default function Virtual({ swiper, extendParams, on, emit }) {
       swiper.updateActiveIndex();
     }
 
-    const activeIndex = swiper.activeIndex || 0;
+    const activeIndex =
+      typeof forceActiveIndex === 'undefined' ? swiper.activeIndex || 0 : forceActiveIndex;
 
     let offsetProp;
     if (swiper.rtlTranslate) offsetProp = 'right';