Frontend & browser·Accessibility and semantics
you marked the background inert while the dialog was open and it stopped taking focus or clicks entirely.
inert
Also calledinert attribute
An attribute making a subtree unfocusable, unclickable and invisible to assistive technology in one step. It is the platform's answer to the modal problem that focus traps and `aria-hidden` used to solve in pieces, and it is far harder to get wrong. Native `dialog` opened as a modal applies it automatically to everything behind, which is a good reason to use the element.