Элемент <dialog>
Встроенный HTML-элемент для модальных и обычных диалогов. <dialog> с showModal() даром даёт то, что раньше требовало кучи JavaScript: затемнение фона, ловушку фокуса, закрытие по Esc и корректную доступность — всё по стандарту.
Что не придётся писать самому: настоящее модальное окно требует, чтобы фокус оставался внутри (Tab не должен выводить наружу), фон был заблокирован (::backdrop), Esc закрывал окно, фокус возвращался на прежнее место, а у скринридеров были правильные ARIA-роли. Исторически самописные реализации были частым источником багов и недоступных интерфейсов. <dialog>.showModal() делает всё это встроенно и верно; show() открывает немодальный вариант. Диалог рисуется в «верхнем слое» браузера (выше всего остального, независимо от z-index и overflow). Хорошо сочетается с Popover API (для немодальных всплывающих окон) и якорным позиционированием. Широко поддерживается с 2022 года. Наглядный пример того, как платформа забирает территорию у библиотек.