Bug Fix: The slider suddenly jumps after an image is loaded.

dist/js/splide.js

@@ -1463,8 +1463,6 @@ function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _d
     }
 
     function jump(index) {
-      waiting = false;
-      Components2.Transition.cancel();
       translate(toPosition(index, true));
     }
 
@@ -1489,8 +1487,9 @@ function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _d
     }
 
     function cancel() {
-      translate(getPosition());
+      waiting = false;
       Components2.Transition.cancel();
+      translate(getPosition());
     }
 
     function toIndex(position) {

src/js/components/Move/Move.ts

@@ -111,8 +111,6 @@ export function Move( Splide: Splide, Components: Components, options: Options )
    * @param index - An index to jump to.
    */
   function jump( index: number ): void {
-    waiting = false;
-    Components.Transition.cancel();
     translate( toPosition( index, true ) );
   }
 
@@ -155,8 +153,9 @@ export function Move( Splide: Splide, Components: Components, options: Options )
    * Cancels transition.
    */
   function cancel(): void {
-    translate( getPosition() );
+    waiting = false;
     Components.Transition.cancel();
+    translate( getPosition() );
   }
 
   /**

src/js/test/php/examples/lazyLoad.php

@@ -12,7 +12,7 @@ $settings = get_settings();
 
   <link rel="stylesheet" href="../../../../../dist/css/themes/splide-<?php echo $settings['theme'] ?>.min.css">
   <link rel="stylesheet" href="../../assets/css/styles.css">
-  <script src="../../../../../dist/js/splide.min.js"></script>
+  <script src="../../../../../dist/js/splide.js"></script>
 
   <script>
     document.addEventListener( 'DOMContentLoaded', function () {
@@ -29,6 +29,7 @@ $settings = get_settings();
         perPage    : 2,
         lazyLoad   : 'nearby',
         heightRatio: ( 9 / 16 ) / 2,
+        speed      : 400,
       } );
 
       splide02.mount();