My position can be changed programmatically.
I have a dragStop handler to sync state.
diff --git a/specs/draggable.spec.jsx b/specs/draggable.spec.jsx
index fb89d6c2..8d59293a 100644
--- a/specs/draggable.spec.jsx
+++ b/specs/draggable.spec.jsx
@@ -42,7 +42,6 @@ describe('react-draggable', function () {
assert(drag.props.handle === null);
assert(drag.props.cancel === null);
assert(drag.props.bounds == false);
- assert(isNaN(drag.props.zIndex) === true);
assert(typeof drag.props.onStart === 'function');
assert(typeof drag.props.onDrag === 'function');
assert(typeof drag.props.onStop === 'function');
@@ -115,7 +114,6 @@ describe('react-draggable', function () {
handle=".handle"
cancel=".cancel"
grid={[10, 10]}
- zIndex={1000}
onStart={handleStart}
onDrag={handleDrag}
onStop={handleStop}>
@@ -130,7 +128,6 @@ describe('react-draggable', function () {
assert(drag.props.handle === '.handle');
assert(drag.props.cancel === '.cancel');
assert(_.isEqual(drag.props.grid, [10, 10]));
- assert(drag.props.zIndex === 1000);
assert(drag.props.onStart === handleStart);
assert(drag.props.onDrag === handleDrag);
assert(drag.props.onStop === handleStop);
@@ -626,8 +623,8 @@ describe('react-draggable', function () {
assert(data.deltaY === 100);
}
drag = TestUtils.renderIntoDocument(
-
-
+
+
);