[Popover] Unable to remove overlay from popover

• The issue is present in the latest release.
• I have searched the issues of this repository and believe that this is not a duplicate.

Current Behavior 😯

I’m trying to add the ability to add other functionality to occur before the popover closes. The Popover component adds an overlay which detects any clicks then triggers the setAnchorEl method (updates the state to null.

I have a close button which I want to perform some behavior prior to the popover closing.

Expected Behavior 🤔

I expect there to be some flag on the popover api like: hideOverlay, similar to the Menu component. This would allow me to trigger the handleClick related to the close button before setting anchorEl to null.

Steps to Reproduce 🕹

Here is a basic repl which simply console.logs the order of operations. Steps:

1. open popover
2. click close button
3. notice the order in which the logs are performed

Context 🔦

Your Environment 🌎

https://codesandbox.io/s/759bb?file=/demo.tsx

[eps1lon]

I want to be able to simultaneously reset the value of the field and close the popover, when the close button is clicked.

What field do you mean? Could you highlight in your codesandbox what the “field” and its value is?

[akshitarora921]

@maksimgm Any solution?