GithubBackup/Foxel
1
0
Fork 0
mirror of https://github.com/DrizzleTime/Foxel.git synced 2026-05-06 18:22:44 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix(ContextMenu): prevent event propagation on menu click to improve usability

Browse Source
This commit is contained in:
shiyu
2026-03-15 16:07:23 +08:00
parent f96a4dce11
commit 4038a7292a
1 changed files with 14 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
web/src/pages/FileExplorerPage/components/ContextMenu.tsx
View File

@@ -255,17 +255,20 @@ export const ContextMenu: React.FC<ContextMenuProps> = (props) => {
height="auto" height="auto"
styles={{ body: { padding: 8 } }} styles={{ body: { padding: 8 } }}
> >
<Menu <div onClick={(e) => e.stopPropagation()}>
items={items} <Menu
selectable={false} items={items}
onClick={({ key }) => { mode="inline"
const handler = handlerMap.get(String(key)); selectable={false}
if (!handler) return; onClick={({ key }) => {
handler(); const handler = handlerMap.get(String(key));
onClose(); if (!handler) return;
}} handler();
style={{ borderRadius: token.borderRadius, background: 'transparent', border: 'none' }} onClose();
/> }}
style={{ borderRadius: token.borderRadius, background: 'transparent', border: 'none' }}
/>
</div>
</Drawer> </Drawer>
); );
} }