Change bounds to be more intuitive.

Author: STRML

README.md

@@ -77,7 +77,8 @@ var App = React.createClass({
 			// `bounds` specifies movement boundaries. Pass:
 			// - 'parent' restricts movement within the node's offsetParent
 			//	 (nearest node with position relative or absolute), or
-			// - An object with left, top, right, and bottom properties.
+			// - An object with left, top, right, and bottom properties. These indicate how far in each direction
+			//   the draggable can be moved. See example/index.html for more on this.
 			//
 			// `zIndex` specifies the zIndex to use while dragging.
 			//

example/index.html

@@ -108,8 +108,8 @@ <h1>React Draggable</h1>
           <Draggable grid={[50, 50]}>
             <div className="box">I snap to a 50 x 50 grid</div>
           </Draggable>
-          <Draggable bounds={{top: 0, left: 0, right: 300, bottom: 300}} zIndex={5}>
-            <div className="box">I can only be moved within 300px bounds.</div>
+          <Draggable bounds={{top: -100, left: -100, right: 100, bottom: 100}} zIndex={5}>
+            <div className="box">I can only be moved 100px in any direction.</div>
           </Draggable>
           <div className="box" style={{height: '500px', width: '500px', position: 'relative'}}>
             <Draggable bounds="parent">

lib/draggable.js

@@ -185,9 +185,6 @@ function getBoundPosition(draggable, clientX, clientY) {
       right: innerWidth(parent) - outerWidth(node) - node.offsetLeft,
       bottom: innerHeight(parent) - outerHeight(node) - node.offsetTop
     };
-  } else {
-    if (isNum(bounds.right)) bounds.right -= outerWidth(node);
-    if (isNum(bounds.bottom)) bounds.bottom -= outerHeight(node);
   }
 
   // Keep x and y below right and bottom limits...