design

<dialog>: нативное модальное окно без библиотеки

<dialog>: нативное модальное окно без библиотеки

<dialog> с showModal() открывает top layer, блокирует фон и возвращает фокус при close() — меньше кода, чем кастомный overlay на div.

Для лёгких подсказок без блокировки страницы используйте show() без modal-режима.

- [<dialog> — MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/dialog) — API и примеры.

- [Dialog element — WHATWG](https://html.spec.whatwg.org/multipage/interactive-elements.html#the-dialog-element) — Спецификация.

---

## Доступность

Кнопка закрытия с autofocus внутри dialog и aria-labelledby на заголовок — минимум для скринридеров.

Фоновый контент помечайте inert при открытой модалке, если поддержка нужна в старых браузерах.

beforetoggle: хук жизненного цикла popover

Аналитика до открытия панели.

Мы используем обязательные cookie для работы сайта (корзина, вход, оформление заказа) и необязательные — для аналитики и маркетинга. Вы можете принять все, отклонить необязательные или настроить категории. Подробнее в политике cookies.