Disable a subtree with inert
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.