inertBaseline · Widely available

The inert HTML attribute marks an element and its descendants as non-interactive. Inert elements don't get focus or fire click events.

Supported in all major browsers for at least 30 months — safe to use without fallbacks. Baseline since Apr 11, 2023. Widely available since Oct 11, 2025.

How to use ↓Compare browsers

Browser support

DesktopChrome

1–101Not supported

102+Supportedsince May 24, 2022

Current: 155

Edge

12–101Not supported

102+Supportedsince May 31, 2022

Current: 154

Firefox

1–111Not supported

112+Supportedsince Apr 11, 2023

Current: 157

Safari

1–15.4Not supported

15.5+Supportedsince May 16, 2022

Current: 27

MobileChrome Android

18–101Not supported

102+Supportedsince May 24, 2022

Current: 155

Firefox Android

4–111Not supported

112+Supportedsince Apr 11, 2023

Current: 157

Safari iOS

1–15.4Not supported

15.5+Supportedsince May 16, 2022

Current: 27

How to use

This feature is Baseline widely available — use it freely, no fallback needed.

Example

HTML

<!-- Everything behind the drawer can't be clicked or focused -->
<main inert>…</main>
<aside class="drawer">…</aside>

<script>
  document.querySelector("main").inert = false; // when the drawer closes
</script>

Feature detection

JS · check before using

if ("HTMLElement" in globalThis && "inert" in HTMLElement.prototype) {
  // HTMLElement.inert is available
}

Documentation (MDN)

Specification

html.spec.whatwg.org#inert-subtrees ↗

Sub-features

Support for each part of the feature (4). The overall table above shows when the whole feature works.

Sub-feature	Chrome	Edge	Firefox	Safari	Chrome Android	Firefox Android	Safari iOS
HTMLElement.inert	102	102	112	15.5	102	112	15.5
HTMLElement.inert.ignores_find_in_page	124	124	120	✕	124	120	✕
inert	102	102	112	15.5	102	112	15.5
inert.ignores_find_in_page	124	124	120	✕	124	120	✕