Merge pull request clauderic#172 from amje/ghost-visibility

Claudéric Demers · web-flow · commit ae0dd23b3aa4 · 2017-04-05T08:39:08.000-04:00
Fix ghost element hiding
diff --git a/src/SortableContainer/index.js b/src/SortableContainer/index.js
@@ -293,6 +293,7 @@ export default function sortableContainer(WrappedComponent, config = {withRef: f
         if (hideSortableGhost) {
           this.sortableGhost = node;
           node.style.visibility = 'hidden';
+          node.style.opacity = 0;
         }
 
         this.minTranslate = {};
@@ -380,6 +381,7 @@ export default function sortableContainer(WrappedComponent, config = {withRef: f
 
       if (hideSortableGhost && this.sortableGhost) {
         this.sortableGhost.style.visibility = '';
+        this.sortableGhost.style.opacity = '';
       }
 
       const nodes = this.manager.refs[collection];
@@ -597,6 +599,7 @@ export default function sortableContainer(WrappedComponent, config = {withRef: f
 						 */
             this.sortableGhost = node;
             node.style.visibility = 'hidden';
+            node.style.opacity = 0;
           }
           continue;
         }

Original file line number	Diff line number	Diff line change
`@@ -293,6 +293,7 @@ export default function sortableContainer(WrappedComponent, config = {withRef: f`
`293`	`293`	`if (hideSortableGhost) {`
`294`	`294`	`this.sortableGhost = node;`
`295`	`295`	`node.style.visibility = 'hidden';`
	`296`	`+ node.style.opacity = 0;`
`296`	`297`	`}`
`297`	`298`
`298`	`299`	`this.minTranslate = {};`
`@@ -380,6 +381,7 @@ export default function sortableContainer(WrappedComponent, config = {withRef: f`
`380`	`381`
`381`	`382`	`if (hideSortableGhost && this.sortableGhost) {`
`382`	`383`	`this.sortableGhost.style.visibility = '';`
	`384`	`+ this.sortableGhost.style.opacity = '';`
`383`	`385`	`}`
`384`	`386`
`385`	`387`	`const nodes = this.manager.refs[collection];`
`@@ -597,6 +599,7 @@ export default function sortableContainer(WrappedComponent, config = {withRef: f`
`597`	`599`	`*/`
`598`	`600`	`this.sortableGhost = node;`
`599`	`601`	`node.style.visibility = 'hidden';`
	`602`	`+ node.style.opacity = 0;`
`600`	`603`	`}`
`601`	`604`	`continue;`
`602`	`605`	`}`