Fix Folder options on Mobile, #321

enricoros · enricoros · commit f8a4002a4132 · 2024-01-03T16:16:39.000-08:00
diff --git a/src/apps/chat/components/applayout/folder/FolderListItem.tsx b/src/apps/chat/components/applayout/folder/FolderListItem.tsx
@@ -200,7 +200,8 @@ export const FolderListItem: React.FC<RenderItemProps> = ({ folder, provided, sn
         {!!menuAnchorEl && (
           <CloseableMenu
             open anchorEl={menuAnchorEl} onClose={handleMenuClose}
-            placement='top' sx={{ minWidth: 200 }}
+            placement='top' zIndex={1301 /* need to be on top of the Modal on Mobile */}
+            sx={{ minWidth: 200 }}
           >
 
             <MenuItem

Original file line number	Diff line number	Diff line change
`@@ -200,7 +200,8 @@ export const FolderListItem: React.FC<RenderItemProps> = ({ folder, provided, sn`
`200`	`200`	`{!!menuAnchorEl && (`
`201`	`201`	`<CloseableMenu`
`202`	`202`	`open anchorEl={menuAnchorEl} onClose={handleMenuClose}`
`203`		`- placement='top' sx={{ minWidth: 200 }}`
	`203`	`+ placement='top' zIndex={1301 /* need to be on top of the Modal on Mobile */}`
	`204`	`+ sx={{ minWidth: 200 }}`
`204`	`205`	`>`
`205`	`206`
`206`	`207`	`<MenuItem`