Bug Fix: The `passive` flag was missing.

README.md

@@ -25,14 +25,11 @@ No dependencies, no Lighthouse errors.
 </p>
 </div>
 
-## Notice
-I'm working on updating v2 -> v3. The website can be unstable today.
-
 ## Features
 
 - Written in TypeScript
 - No dependencies
-- Lightweight, less than 26kB (11kB gzipped)
+- Lightweight, 26kB (11kB gzipped)
 - Flexible and extensible
 - Protected by 300+ test cases
 - Multiple slides

dist/js/splide-renderer.min.js

@@ -1,6 +1,6 @@
 /*!
  * Splide.js
- * Version  : 3.0.6
+ * Version  : 3.0.7
  * License  : MIT
  * Copyright: 2021 Naotoshi Fujita
  */

dist/js/splide.cjs.js

@@ -1,6 +1,6 @@
 /*!
  * Splide.js
- * Version  : 3.0.6
+ * Version  : 3.0.7
  * License  : MIT
  * Copyright: 2021 Naotoshi Fujita
  */
@@ -1731,7 +1731,7 @@ function Drag(Splide2, Components2, options) {
   const { track } = Components2.Elements;
   const { resolve, orient } = Components2.Direction;
   const { getPosition, exceededLimit } = Move;
-  const listenerOptions = { capture: true, passive: false };
+  const listenerOptions = { passive: false, capture: true };
   const isSlide = Splide2.is(SLIDE);
   let basePosition;
   let baseEvent;
@@ -1744,8 +1744,9 @@ function Drag(Splide2, Components2, options) {
   let disabled;
   let target;
   function mount() {
-    bind(track, POINTER_MOVE_EVENTS, noop);
-    bind(track, POINTER_UP_EVENTS, noop);
+    const passive = { passive: true };
+    bind(track, POINTER_MOVE_EVENTS, noop, passive);
+    bind(track, POINTER_UP_EVENTS, noop, passive);
     bind(track, POINTER_DOWN_EVENTS, onPointerDown, listenerOptions);
     bind(track, "click", onClick, { capture: true });
     on([EVENT_MOUNTED, EVENT_UPDATED], init);

dist/js/splide.esm.js

@@ -1,6 +1,6 @@
 /*!
  * Splide.js
- * Version  : 3.0.6
+ * Version  : 3.0.7
  * License  : MIT
  * Copyright: 2021 Naotoshi Fujita
  */
@@ -1727,7 +1727,7 @@ function Drag(Splide2, Components2, options) {
   const { track } = Components2.Elements;
   const { resolve, orient } = Components2.Direction;
   const { getPosition, exceededLimit } = Move;
-  const listenerOptions = { capture: true, passive: false };
+  const listenerOptions = { passive: false, capture: true };
   const isSlide = Splide2.is(SLIDE);
   let basePosition;
   let baseEvent;
@@ -1740,8 +1740,9 @@ function Drag(Splide2, Components2, options) {
   let disabled;
   let target;
   function mount() {
-    bind(track, POINTER_MOVE_EVENTS, noop);
-    bind(track, POINTER_UP_EVENTS, noop);
+    const passive = { passive: true };
+    bind(track, POINTER_MOVE_EVENTS, noop, passive);
+    bind(track, POINTER_UP_EVENTS, noop, passive);
     bind(track, POINTER_DOWN_EVENTS, onPointerDown, listenerOptions);
     bind(track, "click", onClick, { capture: true });
     on([EVENT_MOUNTED, EVENT_UPDATED], init);

dist/js/splide.js

@@ -4,7 +4,7 @@ function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _d
 
 /*!
  * Splide.js
- * Version  : 3.0.6
+ * Version  : 3.0.7
  * License  : MIT
  * Copyright: 2021 Naotoshi Fujita
  */
@@ -2089,8 +2089,8 @@ function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _d
     var getPosition = Move.getPosition,
         exceededLimit = Move.exceededLimit;
     var listenerOptions = {
-      capture: true,
-      passive: false
+      passive: false,
+      capture: true
     };
     var isSlide = Splide2.is(SLIDE);
     var basePosition;
@@ -2105,8 +2105,11 @@ function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _d
     var target;
 
     function mount() {
-      bind(track, POINTER_MOVE_EVENTS, noop);
-      bind(track, POINTER_UP_EVENTS, noop);
+      var passive = {
+        passive: true
+      };
+      bind(track, POINTER_MOVE_EVENTS, noop, passive);
+      bind(track, POINTER_UP_EVENTS, noop, passive);
       bind(track, POINTER_DOWN_EVENTS, onPointerDown, listenerOptions);
       bind(track, "click", onClick, {
         capture: true

dist/types/components/Drag/Drag.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Drag.d.ts","sourceRoot":"","sources":["Drag.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAC;AAClD,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AAKjE;;;;GAIG;AACH,MAAM,WAAW,aAAc,SAAQ,aAAa;IAClD,OAAO,CAAE,QAAQ,EAAE,OAAO,GAAI,IAAI,CAAA;CACnC;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,IAAI,CAAE,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE,UAAU,EAAE,OAAO,EAAE,OAAO,GAAI,aAAa,CAkU9F"}
+{"version":3,"file":"Drag.d.ts","sourceRoot":"","sources":["Drag.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAC;AAClD,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AAKjE;;;;GAIG;AACH,MAAM,WAAW,aAAc,SAAQ,aAAa;IAClD,OAAO,CAAE,QAAQ,EAAE,OAAO,GAAI,IAAI,CAAA;CACnC;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,IAAI,CAAE,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE,UAAU,EAAE,OAAO,EAAE,OAAO,GAAI,aAAa,CAoU9F"}

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@splidejs/splide",
-  "version": "3.0.6",
+  "version": "3.0.7",
   "description": "Splide is a lightweight, flexible and accessible slider/carousel. No dependencies, no Lighthouse errors.",
   "author": "Naotoshi Fujita",
   "license": "MIT",

src/js/components/Drag/Drag.ts

@@ -33,7 +33,7 @@ export function Drag( Splide: Splide, Components: Components, options: Options )
   const { track } = Components.Elements;
   const { resolve, orient } = Components.Direction;
   const { getPosition, exceededLimit } = Move;
-  const listenerOptions = { capture: true, passive: false };
+  const listenerOptions = { passive: false, capture: true };
   const isSlide         = Splide.is( SLIDE );
 
   /**
@@ -91,8 +91,10 @@ export function Drag( Splide: Splide, Components: Components, options: Options )
    * Called when the component is mounted.
    */
   function mount(): void {
-    bind( track, POINTER_MOVE_EVENTS, noop );
-    bind( track, POINTER_UP_EVENTS, noop );
+    const passive = { passive: true };
+
+    bind( track, POINTER_MOVE_EVENTS, noop, passive );
+    bind( track, POINTER_UP_EVENTS, noop, passive );
     bind( track, POINTER_DOWN_EVENTS, onPointerDown, listenerOptions );
     bind( track, 'click', onClick, { capture: true } );