design

Top layer: dialog, popover и почему z-index: 9999 не нужен

Top layer: dialog, popover и почему z-index: 9999 не нужен

Элементы в top layer (<dialog>.showModal(), popover) рисуются над остальным DOM независимо от z-index страницы — решает гонку слоёв в админке.

Кастомные overlay без dialog всё ещё борются со stacking context — мигрируйте на нативные API.

- [Top layer — MDN](https://developer.mozilla.org/en-US/docs/Glossary/Top_layer) — Что входит в слой.

- [Using the Popover API — MDN](https://developer.mozilla.org/en-US/docs/Web/API/Popover_API) — Popover и top layer.

---

## Фокус

Top layer не отменяет focus trap — настраивайте inert на фоне.

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

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

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