Bug Fix: Prevent click while dragging the slider in fade mode(#119). Remove a redundant line in the Breakpoints component.

dist/js/splide.esm.js

@@ -873,9 +873,11 @@ var FADE = 'fade';
         height: unit(track.clientHeight)
       });
       apply(newIndex);
-      done();
-      applyStyle(track, {
-        height: ''
+      setTimeout(function () {
+        done();
+        applyStyle(track, {
+          height: ''
+        });
       });
     }
   };
@@ -4213,7 +4215,7 @@ var FRICTION_REDUCER = 7;
      *
      * @type {boolean}
      */
-    required: Splide.options.drag && !Splide.is(FADE),
+    required: Splide.options.drag,
 
     /**
      * Called when the component is mounted.
@@ -5797,7 +5799,6 @@ var THROTTLE = 50;
         Splide.destroy(destroy === 'completely');
       } else {
         if (State.is(DESTROYED)) {
-          State.set(CREATED);
           Splide.mount();
         }
 

dist/js/splide.js

@@ -863,9 +863,11 @@ var FADE = 'fade';
         height: unit(track.clientHeight)
       });
       apply(newIndex);
-      done();
-      applyStyle(track, {
-        height: ''
+      setTimeout(function () {
+        done();
+        applyStyle(track, {
+          height: ''
+        });
       });
     }
   };
@@ -4203,7 +4205,7 @@ var FRICTION_REDUCER = 7;
      *
      * @type {boolean}
      */
-    required: Splide.options.drag && !Splide.is(FADE),
+    required: Splide.options.drag,
 
     /**
      * Called when the component is mounted.
@@ -5787,7 +5789,6 @@ var THROTTLE = 50;
         Splide.destroy(destroy === 'completely');
       } else {
         if (State.is(DESTROYED)) {
-          State.set(CREATED);
           Splide.mount();
         }
 

package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "@splidejs/splide",
-  "version": "2.4.12",
+  "version": "2.4.13",
   "lockfileVersion": 1,
   "requires": true,
   "dependencies": {

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@splidejs/splide",
-  "version": "2.4.12",
+  "version": "2.4.13",
   "description": "Splide is a lightweight and powerful slider without any dependencies.",
   "author": "Naotoshi Fujita",
   "license": "MIT",

src/js/components/breakpoints/index.js

@@ -122,7 +122,6 @@ export default ( Splide ) => {
 				Splide.destroy( destroy === 'completely' );
 			} else {
 				if ( State.is( DESTROYED ) ) {
-					State.set( CREATED );
 					Splide.mount();
 				}
 

src/js/components/click/index.js

@@ -36,7 +36,7 @@ export default ( Splide, Components ) => {
 		 *
 		 * @type {boolean}
 		 */
-		required: Splide.options.drag && ! Splide.is( FADE ),
+		required: Splide.options.drag,
 
 		/**
 		 * Called when the component is mounted.

src/js/transitions/fade/index.js

@@ -42,9 +42,11 @@ export default ( Splide, Components ) => {
 			applyStyle( track, { height: unit( track.clientHeight ) } );
 
 			apply( newIndex );
-			done();
 
-			applyStyle( track, { height: '' } );
+			setTimeout( () => {
+				done();
+				applyStyle( track, { height: '' } );
+			} );
 		},
 	};