WindowControlsOverlay.visible

The visible property of a WindowControlsOverlay object returns a Boolean that indicates whether the window controls overlay is visible or not.

The window controls overlay is not be visible if:

  • The Web App Manifest's display_override member is not set to window-controls-overlay.
  • Or, if the user has opted-out of the feature.

Syntax

const isOverlayVisible = navigator.windowControlsOverlay.visible;

Examples

if (navigator.windowControlsOverlay.visible) {
  // Execute code if the controls overlay is visible.
} else {
  // Do something else when it isn't visible.
}

Specifications

Specification
Window Controls Overlay
# the-visible-attribute

Browser compatibility

BCD tables only load in the browser

See also