Disable a subtree with inert

Baseline 2023 Reference ↗

The inert attribute removes a subtree from focus, pointer interaction, text selection, and the accessibility tree. It is the platform primitive for temporarily inactive UI.

<main inert>
  <!-- temporarily inactive content -->
</main>  

Do not use inert merely to make something look disabled, and never place an active dialog inside an inert ancestor.