HTMLElement: containerTimingIgnore property
Limited availability
This feature is not Baseline because it does not work in some of the most widely-used browsers.
Experimental: This is an experimental technology
Check the Browser compatibility table carefully before using this in production.
The containerTimingIgnore property of the HTMLElement interface excludes the element and its descendants from contributing to the timing of any ancestor container root in the PerformanceContainerTiming API.
The containerTimingIgnore property reflects the value of the containertimingignore attribute.
Value
A boolean value.
Examples
Logging the value of containerTimingIgnore
In this example, adding the containertimingignore attribute to a <div> element excludes it from its ancestor container's timing.
<section containertiming="hero">
<div containertimingignore id="ignored">
<!-- ... -->
</div>
</section>
const el = document.getElementById("ignored");
console.log(el.containerTimingIgnore); // true
For a more complete example on how to use the Container Timing API, see PerformanceContainerTiming.
Specifications
| Specification |
|---|
| Container Timing API # dom-htmlelement-containertimingignore |