From bec04e2b013b3c5f1163dd72bd58d1abe169349a Mon Sep 17 00:00:00 2001
From: mgabdev <>
Date: Wed, 28 Oct 2020 23:20:33 -0500
Subject: [PATCH] Updated PopoverBase to hide Popover when reference is hidden
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

• Updated:
- PopoverBase to hide Popover when reference is hidden
---
 .../components/popover/popover_base.js         | 18 +++++++++++-------
 1 file changed, 11 insertions(+), 7 deletions(-)

diff --git a/app/javascript/gabsocial/components/popover/popover_base.js b/app/javascript/gabsocial/components/popover/popover_base.js
index 3cb595d5..db08b6ec 100644
--- a/app/javascript/gabsocial/components/popover/popover_base.js
+++ b/app/javascript/gabsocial/components/popover/popover_base.js
@@ -113,14 +113,18 @@ class PopoverBase extends ImmutablePureComponent {
         placement={position}
         referenceElement={targetRef}
       >
-        {({ ref, style, placement, arrowProps }) => (
-          <div ref={ref} style={style} data-placement={placement} className={[_s.z4, _s.mt5, _s.mb5, _s.px5, _s.py5].join(' ')}>
-            <div ref={arrowProps.ref} style={arrowProps.style} />
-            <div ref={this.setRef} data-popover='true' onKeyDown={this.handleKeyDown} className={containerClasses}>
-              {children}
+        {({ ref, style, placement, arrowProps, isReferenceHidden }) => {
+          if (isReferenceHidden) return null
+
+          return (
+            <div ref={ref} style={style} data-placement={placement} className={[_s.z4, _s.mt5, _s.mb5, _s.px5, _s.py5].join(' ')}>
+              <div ref={arrowProps.ref} style={arrowProps.style} />
+              <div ref={this.setRef} data-popover='true' onKeyDown={this.handleKeyDown} className={containerClasses}>
+                {children}
+              </div>
             </div>
-          </div>
-        )}
+          )
+        }}
       </Popper>
     )
   }