demo · v135

interactivity: inert

The new CSS interactivity property lets you remove a subtree from the focus order, tab cycle, and hit testing from a stylesheet — no inert attribute toggling required. Toggle below and try clicking, tabbing, or typing into the form.

interactivity: ?
link

click / focus log

the code

.dialog-backdrop {
  /* While the modal is open, freeze the rest of the page. */
  interactivity: inert;
}

see also