design

Элемент dialog: нативные модалки без focus-trap библиотек

Элемент dialog: нативные модалки без focus-trap библиотек

<dialog> с showModal() даёт top layer, focus trap и закрытие по Esc «из коробки» в современных браузерах.

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

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

- [Dialog pattern — WAI-ARIA APG](https://www.w3.org/WAI/ARIA/apg/patterns/dialog-modal/) — Сравнение с ARIA dialog.

---

## Fallback

Polyfill или progressive enhancement для старых Safari — проверяйте HTMLDialogElement in window.

Не вкладывайте dialog в dialog без явной UX-нужды.

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

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

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