more menu

src/screens/Library/PlaylistDetails.js

@@ -36,7 +36,7 @@ const PlaylistDetails = () => {
     refreshArray: [playlistId, playlist?.musics?.length || 0],
   });
 
-  const [menuTop, setMenuTop] = useState(0);
+  const [menuPosition, setMenuPosition] = useState(null);
   const [showMenu, setShowMenu] = useState(false);
   const [selectedProjectId, setSelectedProjectId] = useState(null);
 
@@ -90,15 +90,19 @@ const PlaylistDetails = () => {
               onPress={() => navigate(Routes.MusicDetails, { projectId: p.id })}
               onPressMore={(posTop) => {
                 setSelectedProjectId(p.id);
-                setMenuTop(posTop);
-                setShowMenu((prev) => !prev || posTop !== menuTop);
+                setMenuPosition(posTop);
+                setShowMenu(
+                  (prev) =>
+                    !prev || posTop?.top !== (menuPosition?.top ?? null),
+                );
               }}
             />
           ))}
 
         <MoreMenu
           visible={showMenu}
-          top={menuTop}
+          top={menuPosition?.top ?? 0}
+          position={menuPosition}
           onClose={() => setShowMenu(false)}
           inPlaylist
           playlistId={playlistId}