Merge pull request #5 from hindsite/master

Fixes

Author: oleghind

src/SortableContainer/index.js

@@ -640,8 +640,8 @@ export default function sortableContainer(
       for (let i = 0, len = nodes.length; i < len; i++) {
         const {node} = nodes[i];
         const {index} = node.sortableInfo;
-        const width = node.offsetWidth;
-        const height = node.offsetHeight;
+        const width = node.getBoundingClientRect().width;
+        const height = node.getBoundingClientRect().height;
         const offset = {
           height: this.height > height ? height / 2 : this.height / 2,
           width: this.width > width ? width / 2 : this.width / 2,
@@ -793,9 +793,7 @@ export default function sortableContainer(
         } else if (this.axis.y) {
           if (
             mustShiftBackward ||
-            (index > this.index &&
-              sortingOffset.top + windowScrollDelta.top + offset.height >=
-                edgeOffset.top)
+            (index > this.index && sortingOffset.top + windowScrollDelta.top + this.boundingClientRect.height >= edgeOffset.top + offset.height)
           ) {
             translate.y = -(this.height + this.marginOffset.y);
             this.newIndex = index;

src/utils.js

@@ -161,8 +161,8 @@ export function getEdgeOffset(node, parent, offset = {left: 0, top: 0}) {
 
   // Get the actual offsetTop / offsetLeft value, no matter how deep the node is nested
   const nodeOffset = {
-    left: offset.left + node.offsetLeft,
-    top: offset.top + node.offsetTop,
+    left: offset.left + node.getBoundingClientRect().left,
+    top: offset.top + node.getBoundingClientRect().top,
   };
 
   if (node.parentNode === parent) {