fix(Modal): only show backdrop when prop is true (#1271)

Fixes #1267
reactstrap · Oct 24, 2018 · 07ec4b5 · 07ec4b5
1 parent 01eb5f9
commit 07ec4b5
Showing 1 changed file with 10 additions and 8 deletions.
diff --git a/src/Modal.js b/src/Modal.js
@@ -348,14 +348,16 @@ class Modal extends React.Component {
         timeout: hasTransition ? this.props.backdropTransition.timeout : 0,
       };
 
-      const Backdrop = hasTransition ?
-        (<Fade
-          {...backdropTransition}
-          in={isOpen && !!backdrop}
-          cssModule={cssModule}
-          className={mapToCssModules(classNames('modal-backdrop', backdropClassName), cssModule)}
-        />)
-        : <div className={mapToCssModules(classNames('modal-backdrop', 'show', backdropClassName), cssModule)} />;
+      const Backdrop = backdrop && (
+        hasTransition ?
+          (<Fade
+            {...backdropTransition}
+            in={isOpen && !!backdrop}
+            cssModule={cssModule}
+            className={mapToCssModules(classNames('modal-backdrop', backdropClassName), cssModule)}
+          />)
+          : <div className={mapToCssModules(classNames('modal-backdrop', 'show', backdropClassName), cssModule)} />
+      );
 
       return (
         <Portal node={this._element}>