fix: popover issue

Author: surajahmed

src/components/composites/Popover/Popover.tsx

@@ -95,13 +95,12 @@ const Popover = (
                 bodyMounted,
                 setBodyMounted,
                 setHeaderMounted,
+                isOpen,
               }}
             >
-              {isOpen && (
-                <FocusScope contain={trapFocus} restoreFocus autoFocus>
-                  {children}
-                </FocusScope>
-              )}
+              <FocusScope contain={trapFocus} restoreFocus autoFocus>
+                {children}
+              </FocusScope>
             </PopoverContext.Provider>
           </Popper>
         </PresenceTransition>

src/components/composites/Popover/PopoverContent.tsx

@@ -21,6 +21,7 @@ export const PopoverContent = React.forwardRef(
       bodyMounted,
       bodyId,
       headerId,
+      isOpen,
     } = React.useContext(PopoverContext);
     const resolvedProps = usePropsResolution('PopoverContent', props);
 
@@ -81,6 +82,7 @@ export const PopoverContent = React.forwardRef(
         {...accessibilityProps}
         {...resolvedProps}
         ref={ref}
+        isOpen={isOpen}
       >
         {arrowElement}
         {restChildren}

src/components/composites/Popover/PopoverContext.ts

@@ -11,4 +11,5 @@ export const PopoverContext = React.createContext({
   setBodyMounted: (() => {}) as any,
   headerMounted: false,
   bodyMounted: false,
+  isOpen: false,
 });

src/components/composites/Popper/Popper.tsx

@@ -40,7 +40,7 @@ const Popper = (
 };
 
 const PopperContent = React.forwardRef(
-  ({ children, style, ...rest }: IBoxProps, ref: any) => {
+  ({ children, style, ...rest }: IBoxProps & { isOpen: boolean }, ref: any) => {
     const {
       triggerRef,
       shouldFlip,
@@ -52,6 +52,7 @@ const PopperContent = React.forwardRef(
       setOverlayRef,
     } = usePopperContext('PopperContent');
     const overlayRef = React.useRef(null);
+
     // const { top } = useSafeAreaInsets();
     const {
       overlayProps,
@@ -63,7 +64,7 @@ const PopperContent = React.forwardRef(
       overlayRef,
       shouldFlip: shouldFlip,
       crossOffset: crossOffset,
-      isOpen: true,
+      isOpen: rest.isOpen,
       offset: offset,
       placement: placementProp as any,
       containerPadding: 0,