Closing popovers programmatically?

[viveleroi]

We have a session timeout dialog that opens automatically after a period of inactivity, so there's no user interaction on the page.

If they've opened a blueprintjs popover, for example a Select component dropdown, it remains open when the dialog is open. I need a way to programmatically close all blueprintjs popovers.

I thought I could fake it by triggering document.body.click() but that doesn't seem to work. Are there any hooks or anything I can use to do this? I don't see anything noted in the docs.

[adidahiya]

I thought I could fake it by triggering document.body.click() but that doesn't seem to work. Are there any hooks or anything I can use to do this? I don't see anything noted in the docs.

Popovers use this Overlay behavior to close on document "mousedown" events:

blueprint/packages/core/src/components/overlay/overlay.tsx

Lines 594 to 596 in d8a5e6a

	if (this.props.canOutsideClickClose && !this.props.hasBackdrop) {
	document.addEventListener("mousedown", this.handleDocumentClick);
	}

You could try document.dispatchEvent(new MouseEvent("mousedown")) to close an open popover. This works for me on the Popover docs page:

popover-programmatic-close.mov