From 253c2c27757c238e17e1fd53f83ab51e7b8c4c18 Mon Sep 17 00:00:00 2001
From: Phoebe <phgao1994@gmail.com>
Date: Fri, 23 Aug 2019 15:18:08 -0700
Subject: [PATCH] disable flip property in popover components

---
 src/components/Popover.js             | 14 +++++++++++++-
 src/components/Tooltip.js             | 13 ++++++++++++-
 src/components/UncontrolledPopover.js | 14 +++++++++++++-
 src/components/UncontrolledTooltip.js | 14 +++++++++++++-
 4 files changed, 51 insertions(+), 4 deletions(-)

diff --git a/src/components/Popover.js b/src/components/Popover.js
index 0591d2c04..9ddd625be 100644
--- a/src/components/Popover.js
+++ b/src/components/Popover.js
@@ -1,3 +1,4 @@
+import React from 'react';
 import PropTypes from 'prop-types';
 import Popover from 'reactstrap/lib/Popover';
 
@@ -11,4 +12,15 @@ Popover.defaultProps = {
   fade: false
 };
 
-export default Popover;
+export default props => (
+  <Popover
+    {...props}
+    // This is a workaround for the reactstrap Tooltip memory leak issue.
+    // https://github.com/reactstrap/reactstrap/issues/1482#issuecomment-498747688
+    modifiers={{
+      flip: {
+          enabled: false,
+      },
+    }}
+  />
+);
diff --git a/src/components/Tooltip.js b/src/components/Tooltip.js
index 23699fd25..7a1ae78f2 100644
--- a/src/components/Tooltip.js
+++ b/src/components/Tooltip.js
@@ -26,7 +26,18 @@ export default class Tooltip extends React.Component {
     const { isOpen, ...props } = this.props; // eslint-disable-line no-unused-vars
 
     return (
-      <InnerTooltip isOpen={this.state.isOpen} toggle={this.toggle} {...props} />
+      <InnerTooltip
+        isOpen={this.state.isOpen}
+        toggle={this.toggle}
+        {...props}
+        // This is a workaround for the reactstrap Tooltip memory leak issue.
+        // https://github.com/reactstrap/reactstrap/issues/1482#issuecomment-498747688
+        modifiers={{
+          flip: {
+              enabled: false,
+          },
+        }}
+      />
     );
   }
 }
diff --git a/src/components/UncontrolledPopover.js b/src/components/UncontrolledPopover.js
index 8ffacf159..8bc911662 100644
--- a/src/components/UncontrolledPopover.js
+++ b/src/components/UncontrolledPopover.js
@@ -1,3 +1,15 @@
+import React from 'react';
 import UncontrolledPopover from 'reactstrap/lib/UncontrolledPopover';
 
-export default UncontrolledPopover;
+export default props => (
+  <UncontrolledPopover
+    {...props}
+    // This is a workaround for the reactstrap Tooltip memory leak issue.
+    // https://github.com/reactstrap/reactstrap/issues/1482#issuecomment-498747688
+    modifiers={{
+      flip: {
+          enabled: false,
+      },
+    }}
+  />
+);
diff --git a/src/components/UncontrolledTooltip.js b/src/components/UncontrolledTooltip.js
index 6734181e1..01a8f8a11 100644
--- a/src/components/UncontrolledTooltip.js
+++ b/src/components/UncontrolledTooltip.js
@@ -1,3 +1,15 @@
+import React from 'react';
 import UncontrolledTooltip from 'reactstrap/lib/UncontrolledTooltip';
 
-export default UncontrolledTooltip;
+export default props => (
+  <UncontrolledTooltip
+    {...props}
+    // This is a workaround for the reactstrap Tooltip memory leak issue.
+    // https://github.com/reactstrap/reactstrap/issues/1482#issuecomment-498747688
+    modifiers={{
+      flip: {
+          enabled: false,
+      },
+    }}
+  />
+);