Merge pull request #4 from tenfold/better-cursor-style-management

New parameter to set a cursor type and sortable ghost hidden

Author: zbigniewkuminski

Sortable.js

@@ -1586,6 +1586,7 @@
           css(ghostEl, 'mozTransform', cssMatrix);
           css(ghostEl, 'msTransform', cssMatrix);
           css(ghostEl, 'transform', cssMatrix);
+          css(ghostEl.parentElement, 'cursor', options.cursorType);
           lastDx = dx;
           lastDy = dy;
           touchEvt = touch;
@@ -1633,10 +1634,11 @@
         css(ghostEl, 'left', rect.left);
         css(ghostEl, 'width', rect.width);
         css(ghostEl, 'height', rect.height);
-        css(ghostEl, 'opacity', '0.8');
+        css(ghostEl, 'opacity', '0');
         css(ghostEl, 'position', PositionGhostAbsolutely ? 'absolute' : 'fixed');
         css(ghostEl, 'zIndex', '100000');
         css(ghostEl, 'pointerEvents', 'none');
+        css(ghostEl.parentElement, 'cursor', options.cursorType);
         Sortable.ghost = ghostEl;
         container.appendChild(ghostEl); // Set transform-origin
 

Sortable.min.js

@@ -1580,6 +1580,7 @@ Sortable.prototype =
         css(ghostEl, 'mozTransform', cssMatrix);
         css(ghostEl, 'msTransform', cssMatrix);
         css(ghostEl, 'transform', cssMatrix);
+        css(ghostEl.parentElement, 'cursor', options.cursorType);
         lastDx = dx;
         lastDy = dy;
         touchEvt = touch;
@@ -1627,10 +1628,11 @@ Sortable.prototype =
       css(ghostEl, 'left', rect.left);
       css(ghostEl, 'width', rect.width);
       css(ghostEl, 'height', rect.height);
-      css(ghostEl, 'opacity', '0.8');
+      css(ghostEl, 'opacity', '0');
       css(ghostEl, 'position', PositionGhostAbsolutely ? 'absolute' : 'fixed');
       css(ghostEl, 'zIndex', '100000');
       css(ghostEl, 'pointerEvents', 'none');
+      css(ghostEl.parentElement, 'cursor', options.cursorType);
       Sortable.ghost = ghostEl;
       container.appendChild(ghostEl); // Set transform-origin
 

modular/sortable.complete.esm.js

@@ -1580,6 +1580,7 @@ Sortable.prototype =
         css(ghostEl, 'mozTransform', cssMatrix);
         css(ghostEl, 'msTransform', cssMatrix);
         css(ghostEl, 'transform', cssMatrix);
+        css(ghostEl.parentElement, 'cursor', options.cursorType);
         lastDx = dx;
         lastDy = dy;
         touchEvt = touch;
@@ -1627,10 +1628,11 @@ Sortable.prototype =
       css(ghostEl, 'left', rect.left);
       css(ghostEl, 'width', rect.width);
       css(ghostEl, 'height', rect.height);
-      css(ghostEl, 'opacity', '0.8');
+      css(ghostEl, 'opacity', '0');
       css(ghostEl, 'position', PositionGhostAbsolutely ? 'absolute' : 'fixed');
       css(ghostEl, 'zIndex', '100000');
       css(ghostEl, 'pointerEvents', 'none');
+      css(ghostEl.parentElement, 'cursor', options.cursorType);
       Sortable.ghost = ghostEl;
       container.appendChild(ghostEl); // Set transform-origin
 

modular/sortable.core.esm.js

@@ -1580,6 +1580,7 @@ Sortable.prototype =
         css(ghostEl, 'mozTransform', cssMatrix);
         css(ghostEl, 'msTransform', cssMatrix);
         css(ghostEl, 'transform', cssMatrix);
+        css(ghostEl.parentElement, 'cursor', options.cursorType);
         lastDx = dx;
         lastDy = dy;
         touchEvt = touch;
@@ -1627,10 +1628,11 @@ Sortable.prototype =
       css(ghostEl, 'left', rect.left);
       css(ghostEl, 'width', rect.width);
       css(ghostEl, 'height', rect.height);
-      css(ghostEl, 'opacity', '0.8');
+      css(ghostEl, 'opacity', '0');
       css(ghostEl, 'position', PositionGhostAbsolutely ? 'absolute' : 'fixed');
       css(ghostEl, 'zIndex', '100000');
       css(ghostEl, 'pointerEvents', 'none');
+      css(ghostEl.parentElement, 'cursor', options.cursorType);
       Sortable.ghost = ghostEl;
       container.appendChild(ghostEl); // Set transform-origin
 

modular/sortable.esm.js

@@ -836,6 +836,7 @@ Sortable.prototype = /** @lends Sortable.prototype */ {
 				css(ghostEl, 'mozTransform', cssMatrix);
 				css(ghostEl, 'msTransform', cssMatrix);
 				css(ghostEl, 'transform', cssMatrix);
+				css(ghostEl.parentElement, 'cursor', options.cursorType);
 
 				lastDx = dx;
 				lastDy = dy;
@@ -895,10 +896,11 @@ Sortable.prototype = /** @lends Sortable.prototype */ {
 			css(ghostEl, 'left', rect.left);
 			css(ghostEl, 'width', rect.width);
 			css(ghostEl, 'height', rect.height);
-			css(ghostEl, 'opacity', '0.8');
+			css(ghostEl, 'opacity', '0');
 			css(ghostEl, 'position', (PositionGhostAbsolutely ? 'absolute' : 'fixed'));
 			css(ghostEl, 'zIndex', '100000');
 			css(ghostEl, 'pointerEvents', 'none');
+			css(ghostEl.parentElement, 'cursor', options.cursorType);
 
 
 			Sortable.ghost = ghostEl;