Is there a way to know if an overlay is active?

[warpdesign]

I know I could check that body has the bp4-overlay-open but is there another way that doesn't involve poking DOM elements?

[adidahiya]

@warpdesign are you looking for an imperative API to tell if any Blueprint overlay is open in the document (dialog, popover, tooltip, drawer, context menu, etc...)? Something like the following?

import { Overlay } from "@blueprintjs/core";

Overlay.isAnyOverlayOpen();

Technically this might be possible, since we do keep track of the overlay stack in this component:

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

Line 232 in c3f267f

private static openStack: Overlay[] = [];

But it may be error prone in the rare case when there are multiple copies of @blueprintjs/core on the page (which is not encouraged anyway).

What are you hoping to do with this information, anyway?

[warpdesign]

I am working on a file manager app using Electron and need to disable some native menus when an overlay is opened. Since I need to be notified when an overlay is opened/closed, such an API wouldn't be enough.

I decided to add an observer using the MutationObserver API: that does the trick.