Hotfix more sortable elements

client/components/boards/boardBody.js

@@ -75,9 +75,7 @@ BlazeComponent.extendComponent({
     });
 
     // ugly touch event hotfix
-    $('.js-swimlane:not(.placeholder)').each(function() {
+    enableClickOnTouch('.js-swimlane:not(.placeholder)');
-      enableClickOnTouch(this);
-    });
 
     function userIsMember() {
       return Meteor.user() && Meteor.user().isBoardMember() && !Meteor.user().isCommentOnly();

client/components/cards/cardDetails.js

@@ -132,6 +132,9 @@ BlazeComponent.extendComponent({
       },
     });
 
+    // ugly touch event hotfix
+    enableClickOnTouch('.card-checklist-items .js-checklist');
+
     const $subtasksDom = this.$('.card-subtasks-items');
 
     $subtasksDom.sortable({
@@ -167,6 +170,9 @@ BlazeComponent.extendComponent({
       },
     });
 
+    // ugly touch event hotfix
+    enableClickOnTouch('.card-subtasks-items .js-subtasks');
+
     function userIsMember() {
       return Meteor.user() && Meteor.user().isBoardMember();
     }

client/components/cards/checklists.js

@@ -38,9 +38,7 @@ function initSorting(items) {
   });
 
   // ugly touch event hotfix
-  $('.js-checklist-item:not(.placeholder)').each(function() {
+  enableClickOnTouch('.js-checklist-item:not(.placeholder)');
-    enableClickOnTouch(this);
-  });
 }
 
 BlazeComponent.extendComponent({

client/components/lists/list.js

@@ -84,9 +84,7 @@ BlazeComponent.extendComponent({
     });
 
     // ugly touch event hotfix
-    $(itemsSelector).each(function() {
+    enableClickOnTouch(itemsSelector);
-      enableClickOnTouch(this);
-    });
 
     // Disable drag-dropping if the current user is not a board member or is comment only
     this.autorun(() => {

client/components/swimlanes/swimlanes.js

@@ -67,9 +67,7 @@ function initSortable(boardComponent, $listsDom) {
   });
 
   // ugly touch event hotfix
-  $('.js-list:not(.js-list-composer)').each(function() {
+  enableClickOnTouch('.js-list:not(.js-list-composer)');
-    enableClickOnTouch(this);
-  });
 
   function userIsMember() {
     return Meteor.user() && Meteor.user().isBoardMember() && !Meteor.user().isCommentOnly();

client/lib/utils.js

@@ -123,23 +123,24 @@ Utils = {
     );
   },
 
-  enableClickOnTouch(element) {
+  enableClickOnTouch(selector) {
     let touchStart = null;
     let lastTouch = null;
-    element.addEventListener('touchstart', function(e) {
+
-      touchStart = e.touches[0];
+    $(document).on('touchstart', selector, function(e) {
-    }, false);
+      touchStart = e.originalEvent.touches[0];
-    element.addEventListener('touchmove', function(e) {
+    });
-      const touches = e.touches;
+    $(document).on('touchmove', selector, function(e) {
+      const touches = e.originalEvent.touches;
       lastTouch = touches[touches.length - 1];
-    }, true);
+    });
-    element.addEventListener('touchend', function() {
+    $(document).on('touchend', selector, function(e) {
       if (touchStart && lastTouch && Utils.calculateTouchDistance(touchStart, lastTouch) <= 20) {
         const clickEvent = document.createEvent('MouseEvents');
         clickEvent.initEvent('click', true, true);
-        this.dispatchEvent(clickEvent);
+        e.target.dispatchEvent(clickEvent);
       }
-    }, false);
+    });
   },
 };