MUI Popover - Can't click elements under backdrop when it's open

Viewed 34

I'm using Material-ui's Popover as a menu that opens on a card component when clicking on 3-dot icon.

so far so good the Popover knows how to open when i click the icon, and close when clicking outside.

but.

I want to be able to click on a card menu, open a popover, and then click on another card's menu so it will be closed and opened on that card.

this is how it looks like:

enter image description here

i did try to use hideBackdrop={true} but it blocks the click outside the popover. i tried to use disableEnforceFocus but it didn't work.

i didnt found any way to enable click outside behind the backdrop / overlay. can someone please tell me what do i miss here? tnx!

im using "@material-ui/core": "^4.12.3", "react": "^16.14.0",

0 Answers
Related