vanduo-framework 1.2.1 → 1.2.2

package/js/components/draggable.js

@@ -98,17 +98,20 @@
       cleanupFunctions.push(() => element.removeEventListener('touchstart', touchStartHandler));
 
       // Handle touch move (for mobile)
+      // { passive: false } is required so that e.preventDefault() works
+      // once the drag threshold is reached — without it, modern browsers
+      // treat the listener as passive and silently ignore preventDefault().
       const touchMoveHandler = (e) => {
         this.handleTouchMove(e, element);
       };
-      element.addEventListener('touchmove', touchMoveHandler);
+      element.addEventListener('touchmove', touchMoveHandler, { passive: false });
       cleanupFunctions.push(() => element.removeEventListener('touchmove', touchMoveHandler));
 
       // Handle touch end (for mobile)
       const touchEndHandler = (e) => {
         this.handleTouchEnd(e, element);
       };
-      element.addEventListener('touchend', touchEndHandler);
+      element.addEventListener('touchend', touchEndHandler, { passive: false });
       cleanupFunctions.push(() => element.removeEventListener('touchend', touchEndHandler));
 
       // Handle touch cancel (for mobile)
@@ -390,7 +393,7 @@
       // Only start dragging if moved a minimum distance
       if (Math.abs(deltaX) > 10 || Math.abs(deltaY) > 10) {
         // Now we know it's a drag, not a scroll — prevent default
-        e.preventDefault();
+        if (e.cancelable) e.preventDefault();
 
         if (!this.touchState.isDragging) {
           this.touchState.isDragging = true;
@@ -447,7 +450,7 @@
      */
     handleTouchEnd: function (e, element) {
       if (this.touchState && this.touchState.isDragging) {
-        e.preventDefault();
+        if (e.cancelable) e.preventDefault();
 
         element.classList.remove('is-dragging');
         element.classList.add('is-dropped');

package/js/vanduo.js

@@ -1,6 +1,6 @@
 /**
  * Vanduo Framework - Main JavaScript File
- * v1.2.1
+ * v1.2.2
  */
 
 (function () {
@@ -10,7 +10,7 @@
    * Vanduo Framework Object
    */
   const Vanduo = {
-    version: '1.2.1',
+    version: '1.2.2',
     components: {},
 
     /**
@@ -51,7 +51,7 @@
         }
       });
 
-      console.log('Vanduo Framework v1.2.1 initialized');
+      console.log('Vanduo Framework v1.2.2 initialized');
     },
 
     /**

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vanduo-framework",
-  "version": "1.2.1",
+  "version": "1.2.2",
   "description": "Zero-dependency CSS/JS framework built on Fibonacci/Golden Ratio design system with Open Color integration",
   "keywords": [
     "css",