Merge pull request #25 from ZillDing/master

Master

Author: STRML

examples/1.html

@@ -10,7 +10,6 @@
         background: #eee;
       }
       .box {
-        position: relative;
         background: #ccc;
         border: 1px solid black;
         text-align: center;

lib/Resizable.jsx

@@ -91,12 +91,16 @@ export default class Resizable extends React.Component {
 
   render() {
     let p = this.props;
+    let className = p.className ?
+      `${p.className} react-resizable`:
+      'react-resizable'
 
     // What we're doing here is getting the child of this element, and cloning it with this element's props.
     // We are then defining its children as:
     // Its original children (resizable's child's children), and
     // A draggable handle.
     return cloneElement(p.children, assign({}, p, {
+      className,
       children: [
         p.children.props.children,
         <DraggableCore

package.json

@@ -8,7 +8,7 @@
     "test": "echo \"Error: no test specified\" && exit 1",
     "build": "bash build.sh",
     "build-example": "webpack",
-    "dev": "echo 'Open http://localhost:4002/examples/1.html'; NODE_ENV=test webpack-dev-server --config webpack-dev-server.config.js --hot --progress --colors --port 4002 --content-base .",
+    "dev": "echo 'Open http://localhost:4002/examples/1.html' && cross-env NODE_ENV=test webpack-dev-server --config webpack-dev-server.config.js --hot --progress --colors --port 4002 --content-base .",
     "prepublish": "npm run build",
     "validate": "npm ls"
   },
@@ -33,6 +33,7 @@
     "babel-eslint": "^4.1.3",
     "babel-loader": "^5.3.2",
     "babel-plugin-typecheck": "^1.3.0",
+    "cross-env": "^1.0.7",
     "css-loader": "^0.23.0",
     "eslint": "^1.9.0",
     "eslint-plugin-react": "^3.8.0",