Fix #82 (right-click starts drag)

Author: STRML

README.md

@@ -92,6 +92,9 @@ cancel: string,
 // Example: '.handle'
 handle: string,
 
+// If set to `true`, will allow dragging on non left-button clicks.
+allowAnyClick: boolean,
+
 // Determines which axis the draggable can move. Accepted values:
 // - `both` allows movement horizontally and vertically (default).
 // - `x` limits movement to horizontal axis.

lib/DraggableCore.es6

@@ -34,6 +34,14 @@ export default class DraggableCore extends React.Component {
   static displayName = 'DraggableCore';
 
   static propTypes = {
+    /**
+     * `allowAnyClick` allows dragging using any mouse button.
+     * By default, we only accept the left button.
+     *
+     * Defaults to `false`.
+     */
+    allowAnyClick: PropTypes.bool,
+
     /**
      * `disabled`, if true, stops the <Draggable> from dragging. All handlers,
      * with the exception of `onMouseDown`, will not fire.
@@ -182,6 +190,7 @@ export default class DraggableCore extends React.Component {
   };
 
   static defaultProps = {
+    allowAnyClick: false, // by default only accept left click
     cancel: null,
     disabled: false,
     enableUserSelectHack: true,
@@ -213,6 +222,9 @@ export default class DraggableCore extends React.Component {
     // Make it possible to attach event handlers on top of this one.
     this.props.onMouseDown(e);
 
+    // Only accept left-clicks.
+    if (!this.props.allowAnyClick && typeof e.button === 'number' && e.button !== 0) return false;
+
     // Short circuit if handle or cancel prop was provided and selector doesn't match.
     if (this.props.disabled ||
       (this.props.handle && !matchesSelector(e.target, this.props.handle)) ||