reactjs MUI弹出框-打开时无法单击背景下的元素

xsuvu9jc  于 9个月前  发布在  React
关注(0)|答案(1)|浏览(61)

我使用Material-ui的Popover作为一个菜单,当点击3点图标时会在卡片组件上打开。
到目前为止,一切都很好,Popover知道如何打开时,我点击图标,并关闭时,点击外面。
但是...
我希望能够在卡菜单上点击,打开弹出窗口,然后点击另一张卡的菜单,这样它将被关闭,并在该卡上打开。
它看起来是这样的:

我确实试过使用hideBackdrop={true},但它阻止了弹出框外的点击。我试着用disableEnforceFocus,但它不工作。
我没有找到任何方法,使点击背后的背景/覆盖外。有没有人能告诉我我错过了什么?tnx!
我使用"@material-ui/core": "^4.12.3","react": "^16.14.0",

3qpi33ja

3qpi33ja1#

所以我找到了解决方案,它只是使用Popper组件,因为它根本不使用背景。API与Popover API不同,但它工作得很好。

相关问题