Merge pull request jbaysolutions#139 from ikbelkirasan/ikbelkirasan-patch-1

Disable user-select when the item is being dragged

Author: gmsa

src/GridItem.vue

@@ -1,7 +1,7 @@
 <template>
     <div ref="item"
          class="vue-grid-item"
-         :class="{ 'vue-resizable' : resizable, 'resizing' : isResizing, 'vue-draggable-dragging' : isDragging, 'cssTransforms' : useCssTransforms, 'render-rtl' : renderRtl }"
+         :class="{ 'vue-resizable' : resizable, 'resizing' : isResizing, 'vue-draggable-dragging' : isDragging, 'cssTransforms' : useCssTransforms, 'render-rtl' : renderRtl, 'disable-userselect': isDragging }"
          :style="style"
     >
         <slot></slot>
@@ -75,6 +75,10 @@
         cursor: sw-resize;
         right: auto;
     }
+    
+    .vue-grid-item.disable-userselect {
+        user-select: none;
+    }
 </style>
 <script>
     import {setTopLeft, setTopRight, setTransformRtl, setTransform, createMarkup, getLayoutItem} from './utils';