fixbug When opening multiple left sidebar "three-dot" menus in doc mode, the menu boxes will block each other. #16

This commit is contained in:
xiaodong zuo
2022-08-02 11:20:51 +08:00
parent 86faaadbe8
commit d4be73b78b

View File

@@ -4,6 +4,7 @@ import {
Cascader, Cascader,
CascaderItemProps, CascaderItemProps,
MuiDivider as Divider, MuiDivider as Divider,
MuiClickAwayListener as ClickAwayListener,
} from '@toeverything/components/ui'; } from '@toeverything/components/ui';
import React from 'react'; import React from 'react';
import { NavLink, useNavigate } from 'react-router-dom'; import { NavLink, useNavigate } from 'react-router-dom';
@@ -233,7 +234,8 @@ function DndTreeItemMoreActions(props: ActionsProps) {
]; ];
return ( return (
<> <ClickAwayListener onClickAway={() => handleClose()}>
<div>
<span <span
className={styles['TreeItemMoreActions']} className={styles['TreeItemMoreActions']}
onClick={handleClick} onClick={handleClick}
@@ -255,7 +257,8 @@ function DndTreeItemMoreActions(props: ActionsProps) {
autoHideDuration={2000} autoHideDuration={2000}
onClose={handle_alert_close} onClose={handle_alert_close}
/> />
</> </div>
</ClickAwayListener>
); );
} }