From 07ec4b52e1bebcbb268a7c283b562bc85c0cf020 Mon Sep 17 00:00:00 2001
From: bestguy <7zark7@gmail.com>
Date: Wed, 24 Oct 2018 09:16:57 -0700
Subject: [PATCH] fix(Modal): only show backdrop when prop is true (#1271)

Fixes #1267
---
 src/Modal.js | 18 ++++++++++--------
 1 file changed, 10 insertions(+), 8 deletions(-)

diff --git a/src/Modal.js b/src/Modal.js
index d1f1fb021..5ed7f9365 100644
--- 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}>