fixed bug when initial state = show

Author: zackify

build/simple-modal.js

@@ -35,11 +35,21 @@ var Modal = (function (_React$Component) {
     this.fadeIn = this.fadeIn.bind(this);
     this.fadeOut = this.fadeOut.bind(this);
 
+    var opacity = 0,
+        display = 'block',
+        visibility = 'hidden';
+
+    if (props.show) {
+      opacity = 1;
+      display = 'block';
+      visibility = 'visible';
+    }
+
     this.state = {
-      opacity: 0,
-      display: 'none',
-      visibility: 'hidden',
-      show: false
+      opacity: opacity,
+      display: display,
+      visibility: visibility,
+      show: props.show
     };
   }
 

dist/simple-react-modal.js

@@ -37,11 +37,21 @@ var Modal = (function (_React$Component) {
     this.fadeIn = this.fadeIn.bind(this);
     this.fadeOut = this.fadeOut.bind(this);
 
+    var opacity = 0,
+        display = 'block',
+        visibility = 'hidden';
+
+    if (props.show) {
+      opacity = 1;
+      display = 'block';
+      visibility = 'visible';
+    }
+
     this.state = {
-      opacity: 0,
-      display: 'none',
-      visibility: 'hidden',
-      show: false
+      opacity: opacity,
+      display: display,
+      visibility: visibility,
+      show: props.show
     };
   }
 

dist/simple-react-modal.min.js

@@ -1,7 +1,7 @@
 {
   "name": "simple-react-modal",
   "description": "The simplest modal",
-  "version": "0.4.0",
+  "version": "0.4.1",
   "main": "./build/simple-modal.js",
   "directories": {
     "example": "example"

package.json

@@ -9,13 +9,23 @@ export default class Modal extends React.Component{
     this.fadeIn = this.fadeIn.bind(this)
     this.fadeOut = this.fadeOut.bind(this)
 
-    this.state = {
-      opacity: 0,
-      display: 'none',
-      visibility: 'hidden',
-      show: false
+    let opacity = 0,
+      display = 'block',
+      visibility = 'hidden';
+
+    if(props.show){
+      opacity = 1;
+      display = 'block';
+      visibility = 'visible'
     }
 
+    this.state = {
+      opacity,
+      display,
+      visibility,
+      show: props.show
+    };
+
   }
 
   hideOnOuterClick(event){