From 74a9e4ef5ad8cfdf4e1ab2b9509a0e4ca52c8886 Mon Sep 17 00:00:00 2001
From: Aaron <aaron.mars@appfolio.com>
Date: Tue, 7 Jun 2022 15:18:01 -0700
Subject: [PATCH] fix: add a flag to DropdownMenu for Popper update

---
 src/DropdownMenu.js | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/DropdownMenu.js b/src/DropdownMenu.js
index 18f47292d..bfd58904f 100644
--- a/src/DropdownMenu.js
+++ b/src/DropdownMenu.js
@@ -18,6 +18,7 @@ const propTypes = {
   persist: PropTypes.bool,
   strategy: PropTypes.string,
   container: targetPropType,
+  updateOnSelect: PropTypes.bool,
   right: deprecated(PropTypes.bool, 'Please use "end" instead.'),
 };
 
@@ -58,6 +59,7 @@ class DropdownMenu extends React.Component {
       persist,
       strategy,
       container,
+      updateOnSelect,
       ...attrs
     } = this.props;
 
@@ -92,7 +94,7 @@ class DropdownMenu extends React.Component {
           modifiers={poperModifiers}
           strategy={strategy}
         >
-          {({ ref, style, placement }) => {
+          {({ ref, style, placement, update }) => {
             let combinedStyle = { ...this.props.style, ...style };
 
             const handleRef = (tagRef) => {
@@ -114,6 +116,7 @@ class DropdownMenu extends React.Component {
                 aria-hidden={!this.context.isOpen}
                 className={classes}
                 data-popper-placement={placement}
+                onClick={() => updateOnSelect && update()}
               />
             );
           }}