feat: add portal to menulist rendering

opengovsg · Jul 19, 2024 · 33082d4 · 33082d4
1 parent a37ec24
commit 33082d4
Showing 1 changed file with 17 additions and 12 deletions.
diff --git a/apps/studio/src/pages/sites/[siteId]/index.tsx b/apps/studio/src/pages/sites/[siteId]/index.tsx
@@ -3,6 +3,7 @@ import {
   HStack,
   MenuButton,
   MenuList,
+  Portal,
   Text,
   useDisclosure,
   VStack,
@@ -35,18 +36,22 @@ const SitePage: NextPageWithLayout = () => {
               <MenuButton as={Button} size="xs" justifySelf="flex-end">
                 Create new...
               </MenuButton>
-              <MenuList>
-                <MenuItem icon={<BiFolder fontSize="1rem" />}>Folder</MenuItem>
-                <MenuItem
-                  onClick={onPageCreateModalOpen}
-                  icon={<BiFileBlank fontSize="1rem" />}
-                >
-                  Page
-                </MenuItem>
-                <MenuItem icon={<BiData fontSize="1rem" />}>
-                  Collection
-                </MenuItem>
-              </MenuList>
+              <Portal>
+                <MenuList>
+                  <MenuItem icon={<BiFolder fontSize="1rem" />}>
+                    Folder
+                  </MenuItem>
+                  <MenuItem
+                    onClick={onPageCreateModalOpen}
+                    icon={<BiFileBlank fontSize="1rem" />}
+                  >
+                    Page
+                  </MenuItem>
+                  <MenuItem icon={<BiData fontSize="1rem" />}>
+                    Collection
+                  </MenuItem>
+                </MenuList>
+              </Portal>
             </Menu>
           </HStack>
         </VStack>