ContentVisibilityAutoStateChangeEvent: skipped property

{{APIRef("CSS Containment")}}

The skipped read-only property of the {{ domxref("ContentVisibilityAutoStateChangeEvent") }} interface returns true if the user agent skips the element's contents, or false otherwise.

Value

A boolean. Returns true if the user agent skips the element's contents, or false otherwise.

Examples

const canvasElem = document.querySelector("canvas");

canvasElem.addEventListener("contentvisibilityautostatechange", stateChanged);
canvasElem.style.contentVisibility = "auto";

function stateChanged(event) {
  if (event.skipped) {
    stopCanvasUpdates(canvasElem);
  } else {
    startCanvasUpdates(canvasElem);
  }
}

// Call this when the canvas updates need to start.
function startCanvasUpdates(canvas) {
  // …
}

// Call this when the canvas updates need to stop.
function stopCanvasUpdates(canvas) {
  // …
}

Specifications

{{Specifications}}

Browser compatibility

{{Compat}}

See also

• The {{domxref("element/contentvisibilityautostatechange_event", "contentvisibilityautostatechange")}} event
• CSS Containment
• The {{cssxref("content-visibility")}} property
• The {{cssxref("contain")}} property