我希望弹出窗口在点击外部区域时不会关闭,以便用户可以选择是否在外部点击时关闭它。
jfewjypa1#
Popover是基于Modal构建的,它们都有自己的观点。我建议你使用更低级的Popper: https://mui.com/material-ui/react-popper/
fkaflof62#
所以,@mj12albert 建议你无法在点击外部时阻止mui弹出窗口的关闭,因为你想要对已经存在的组件进行增强,而不想引入新的属性。Popover使用anchorOrigin和transformOrigin来实现相对位置,但Popper有一个placement属性可以实现相同的功能。这对我们来说将是一个破坏性更改。
你能做类似以下的事情吗?
好吧,像这样应该可以工作 -
const handleClose = (event: any, reason: 'backdropClick' | 'escapeKeyDown'): void => { if (reason === 'backdropClick' && disableOutsideClickClose) { return; } if (props.onClose) { props.onClose(event, reason); } setShowPopover(false); };
2条答案
按热度按时间jfewjypa1#
Popover是基于Modal构建的,它们都有自己的观点。
我建议你使用更低级的Popper: https://mui.com/material-ui/react-popper/
fkaflof62#
所以,@mj12albert 建议你无法在点击外部时阻止mui弹出窗口的关闭,因为你想要对已经存在的组件进行增强,而不想引入新的属性。Popover使用anchorOrigin和transformOrigin来实现相对位置,但Popper有一个placement属性可以实现相同的功能。这对我们来说将是一个破坏性更改。
你能做类似以下的事情吗?
好吧,像这样应该可以工作 -