Remove auto fix

bokuweb · Apr 28, 2017 · e1bd08f · e1bd08f
1 parent 6f7a154
commit e1bd08f
Show file tree

Hide file tree

Showing 4 changed files with 8 additions and 16 deletions.
diff --git a/docs/dist/bundle.js b/docs/dist/bundle.js
@@ -18,7 +18,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 exports.default = function () {
   return _react2.default.createElement(
     'div',
-    null,
+    { style: { width: '900px', background: '#ccc', marginLeft: '100px' } },
     _react2.default.createElement(
       _src2.default,
       {
@@ -27,8 +27,7 @@ exports.default = function () {
         height: '300',
         minWidth: '240',
         minHeight: '120',
-        maxWidth: '800',
-        maxHeight: '600'
+        bounds: 'parent'
       },
       _react2.default.createElement(
         'span',
@@ -22929,10 +22928,7 @@ var Resizable = function (_Component) {
         newHeight = snap(newHeight, this.props.grid[1]);
       }
 
-      this.setState({
-        width: width !== 'auto' ? newWidth : 'auto',
-        height: height !== 'auto' ? newHeight : 'auto'
-      });
+      this.setState({ width: newWidth, height: newHeight });
       var delta = {
         width: newWidth - original.width,
         height: newHeight - original.height

diff --git a/docs/index.html b/docs/index.html
@@ -33,13 +33,13 @@
        overflow: hidden;
        color: #fff;
        line-height: 100%;
-       display: -webkit-flex;
+       /*display: -webkit-flex;
        display: flex;
        -webkit-align-items: center;
        align-items: center;
        -webkit-justify-content:
        justify-content: center;
-       margin: 0 auto;
+       margin: 0 auto;*/
        padding: 4px;
    }
    .item span{

diff --git a/docs/src/example.js b/docs/src/example.js
@@ -2,15 +2,14 @@ import React from 'react';
 import Resizable from '../../src';
 
 export default () => (
-  <div>
+  <div style={{ width: '900px', background: '#ccc', marginLeft: '100px' }}>
     <Resizable
       className="item"
       width="280"
       height="300"
       minWidth="240"
       minHeight="120"
-      maxWidth="800"
-      maxHeight="600"
+      bounds="parent"
     >
       <span>
         Resize me!!<br />

diff --git a/src/index.js b/src/index.js
@@ -318,10 +318,7 @@ export default class Resizable extends Component {
       newHeight = snap(newHeight, this.props.grid[1]);
     }
 
-    this.setState({
-      width: width !== 'auto' ? newWidth : 'auto',
-      height: height !== 'auto' ? newHeight : 'auto',
-    });
+    this.setState({ width: newWidth, height: newHeight });
     const delta = {
       width: newWidth - original.width,
       height: newHeight - original.height,