Testing preventing scroll

assets/less/dragula.less

@@ -1,6 +1,8 @@
-.gu-mirror {
+div.item.gu-mirror {
   position: fixed !important;
   margin: 0 !important;
+  transform: scale(1.2);
+  background: darkred;
   z-index: 9999 !important;
   // opacity: 0.8;
   // -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";

assets/less/main.less

@@ -1,12 +1,15 @@
 @import "./dragula";
 
 div.container {
+  width: 100%;
+  flex-wrap: wrap;
   margin: 0 auto;
   display: flex;
+  justify-content: space-between;
   > div.location {
     width: 100px;
     height: 100px;
-    padding: 40px;
+    padding: 10px;
     &.over {
       > .item {
         transform: scale(1.3);
@@ -27,3 +30,8 @@ div.item {
   justify-content: center;
   align-items: center;
 }
+
+pre {
+  width: 100%;
+  overflow: scroll;
+}

client/index.js

@@ -12,6 +12,7 @@ const drake = dragula(containers, {
   //   // console.log(target);
   //   return true;
 
+    ignoreInputTextSelection: false,   
   // }
 });
 
@@ -41,6 +42,14 @@ drake.on('drop', (el, target, source) => {
   }
 });
 
+function prevent(e) {
+  e.preventDefault();
+}
+
+document.body.addEventListener('touchmove', (e) => {
+  if (e.target.classList.contains('item')) e.preventDefault();
+}, { passive: false });
+
 drake.on('over', (el, target, source) => {
   if (target !== source) {
     target.classList.add('over');