Issue 1070 Fix popper positioning when using persist in dropdown menus (

reactstrap#2764)
kyle-brygga-io · Sep 28, 2023 · 777e5eb · 777e5eb
1 parent b932582
commit 777e5eb
Showing 1 changed file with 7 additions and 1 deletion.
diff --git a/src/DropdownMenu.js b/src/DropdownMenu.js
@@ -89,14 +89,20 @@ class DropdownMenu extends React.Component {
         },
       ];
 
+      const persistStyles = {};
+      if (persist) {
+        persistStyles.display = 'block';
+        persistStyles.visibility = this.context.isOpen ? 'visible' : 'hidden';
+      }
+
       const popper = (
         <Popper
           placement={poperPlacement}
           modifiers={poperModifiers}
           strategy={strategy}
         >
           {({ ref, style, placement, update }) => {
-            let combinedStyle = { ...this.props.style, ...style };
+            let combinedStyle = { ...this.props.style, ...persistStyles, ...style };
 
             const handleRef = (tagRef) => {
               // Send the ref to `react-popper`