interactivity | CSS CSS Properties

An experimental property that can make an entire section of a page 'inert' (unclickable and ignored by assistive technology), similar to the 'inert' HTML attribute but via CSS.

Quick example

.modal-backdrop {
  /* Makes everything behind the modal non-interactive */
  interactivity: inert;
}

Quick facts

Initial value

auto

Inherited

Yes

Applies to

all elements

Animation type

discrete

Values

autoinert

interactivity Browser Support

Limited availability 69% global usage

This feature is not Baseline because it does not work in some of the most widely-used browsers.

Not ready for production without a fallback.

View on caniuse.com → View on MDN → View on webstatus.dev → Learn more about Baseline →

135+