Merge pull request #24542 from waterim/feat-21809-The-popup-menu-overlaps

The popup menu overlaps the + icon on room

Author: neil-marcellini

src/components/PopoverWithMeasuredContent.js

@@ -131,15 +131,15 @@ function PopoverWithMeasuredContent(props) {
     const verticalShift = computeVerticalShift(adjustedAnchorPosition.top, popoverHeight, windowHeight);
     const shiftedAnchorPosition = {
         left: adjustedAnchorPosition.left + horizontalShift,
-        top: adjustedAnchorPosition.top + verticalShift,
+        bottom: windowHeight - (adjustedAnchorPosition.top + popoverHeight) - verticalShift,
     };
     return isContentMeasured ? (
         <Popover
             // eslint-disable-next-line react/jsx-props-no-spreading
             {...props}
             anchorPosition={shiftedAnchorPosition}
         >
-            {props.children}
+            <View onLayout={measurePopover}>{props.children}</View>
         </Popover>
     ) : (
         /*