From 836f48c810659f1aee39982ce604dff28b4653bb Mon Sep 17 00:00:00 2001
From: Jan Prochazka <jan.prochazka@gmail.com>
Date: Thu, 3 Dec 2020 09:36:29 +0100
Subject: [PATCH] popup menu - fix popup placement

---
 packages/web/src/modals/DropDownMenu.js | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/packages/web/src/modals/DropDownMenu.js b/packages/web/src/modals/DropDownMenu.js
index 2302ff948..eeda84cdf 100644
--- a/packages/web/src/modals/DropDownMenu.js
+++ b/packages/web/src/modals/DropDownMenu.js
@@ -174,7 +174,15 @@ export function ContextMenu({ left, top, children }) {
     await sleep(0);
     hideMenu();
   });
-  return <ContextMenuStyled style={{ left: `${left}px`, top: `${top}px` }}>{children}</ContextMenuStyled>;
+  const menuRef = React.useRef(null);
+  React.useEffect(() => {
+    if (menuRef.current) fixPopupPlacement(menuRef.current);
+  }, [menuRef.current]);
+  return (
+    <ContextMenuStyled ref={menuRef} style={{ left: `${left}px`, top: `${top}px` }}>
+      {children}
+    </ContextMenuStyled>
+  );
 }
 
 // export class ContextMenu extends React.Component<IContextMenuProps> {