Checklist and Checklist-Items on mobile view scroll the screen when drag/drop them to top/bottom

client/components/cards/cardDetails.styl

@@ -287,6 +287,8 @@ input[type="submit"].attachment-add-link-submit
     padding: 0px 20px 0px 20px
     margin: 0px
     transition: none
+    overflow-y: revert
+    overflow-x: revert
 
     .card-details-canvas
       width: 100%
@@ -314,12 +316,12 @@ input[type="submit"].attachment-add-link-submit
     & > .content
       width: calc(100% - 10px)
 
-    & > .content > .card-details-popup
-      overflow-y: auto
-
-      & hr
+    & > .content > .card-details-popup hr
         margin: 15px 0px
 
+      .card-details-header
+        margin: 0
+
 card-details-color(background, color...)
   background: background !important
   if color

client/components/cards/checklists.js

@@ -13,7 +13,7 @@ function initSorting(items) {
     appendTo: 'parent',
     distance: 7,
     placeholder: 'checklist-item placeholder',
-    scroll: false,
+    scroll: true,
     start(evt, ui) {
       ui.placeholder.height(ui.helper.height());
       EscapeActions.clickExecute(evt.target, 'inlinedForm');
@@ -55,7 +55,7 @@ BlazeComponent.extendComponent({
       return Meteor.user() && Meteor.user().isBoardMember();
     }
 
-    // Disable sorting if the current user is not a board member or is a miniscreen
+    // Disable sorting if the current user is not a board member
     self.autorun(() => {
       const $itemsDom = $(self.itemsDom);
       if ($itemsDom.data('uiSortable') || $itemsDom.data('sortable')) {