From 7025ff705ef9d051b53050203e834a79a29fcd12 Mon Sep 17 00:00:00 2001
From: lelenei <72531217+lelenei@users.noreply.github.com>
Date: Mon, 11 Oct 2021 20:55:40 +0800
Subject: [PATCH] fix: the dropdown menu goes out of screen

---
 .../Trader/SNSAdaptor/trader/FootnoteMenu.tsx       | 13 ++++++++++++-
 1 file changed, 12 insertions(+), 1 deletion(-)

diff --git a/packages/maskbook/src/plugins/Trader/SNSAdaptor/trader/FootnoteMenu.tsx b/packages/maskbook/src/plugins/Trader/SNSAdaptor/trader/FootnoteMenu.tsx
index 438505583880..ede8a5b30f8b 100644
--- a/packages/maskbook/src/plugins/Trader/SNSAdaptor/trader/FootnoteMenu.tsx
+++ b/packages/maskbook/src/plugins/Trader/SNSAdaptor/trader/FootnoteMenu.tsx
@@ -47,7 +47,18 @@ export function FootnoteMenu(props: FootnoteMenuProps) {
                 </Typography>
                 {children}
             </Link>
-            <ShadowRootMenu open={!!anchorEl} onClose={onClose} anchorEl={anchorEl}>
+            <ShadowRootMenu
+                open={!!anchorEl}
+                onClose={onClose}
+                anchorEl={anchorEl}
+                anchorOrigin={{
+                    vertical: 'top',
+                    horizontal: 'left',
+                }}
+                transformOrigin={{
+                    vertical: 'bottom',
+                    horizontal: 'left',
+                }}>
                 {options.map((x, i) => (
                     <MenuItem selected={selectedIndex === i} key={x.value} onClick={() => onSelect(x)}>
                         {x.name}