The start param is back. Fixes #52

Author: STRML

README.md

@@ -80,6 +80,10 @@ var App = React.createClass({
 			// - 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.
 			//
+			// `start` specifies the x and y that the dragged item should start at. This is generally not necessary
+			//   to use (you can use absolute or relative positioning of the child directly), but can be helpful
+			//   for uniformity in your callbacks and with css transforms.
+			//
 			// `zIndex` specifies the zIndex to use while dragging.
 			//
 			// `onStart` is called when dragging starts.

example/index.html

@@ -130,6 +130,11 @@ <h1>React Draggable</h1>
               I already have an absolute position.
             </div>
           </Draggable>
+          <Draggable start={{x: 25, y: 25}}>
+            <div className="box">
+              {"I have a start position of {x: 25, y: 25}, so I'm slightly offset."}
+            </div>
+          </Draggable>
         </div>
       );
     }

lib/draggable.js

@@ -364,6 +364,28 @@ module.exports = React.createClass({
      */
     grid: React.PropTypes.arrayOf(React.PropTypes.number),
 
+    /**
+     * `start` specifies the x and y that the dragged item should start at
+     *
+     * Example:
+     *
+     * ```jsx
+     *      var App = React.createClass({
+     *          render: function () {
+     *              return (
+     *                  <Draggable start={{x: 25, y: 25}}>
+     *                      <div>I start with transformX: 25px and transformY: 25px;</div>
+     *                  </Draggable>
+     *              );
+     *          }
+     *      });
+     * ```
+     */
+    start: React.PropTypes.shape({
+      x: React.PropTypes.number,
+      y: React.PropTypes.number
+    }),
+
     /**
      * `zIndex` specifies the zIndex to use while dragging.
      *
@@ -466,6 +488,7 @@ module.exports = React.createClass({
       handle: null,
       cancel: null,
       grid: null,
+      start: {x: 0, y: 0},
       zIndex: NaN,
       enableUserSelectHack: true,
       onStart: emptyFunction,
@@ -484,7 +507,7 @@ module.exports = React.createClass({
       offsetX: 0, offsetY: 0,
 
       // Current transform x and y.
-      clientX: 0, clientY: 0
+      clientX: this.props.start.x, clientY: this.props.start.y
     };
   },