● design

:popover-open + @starting-style: анимация tooltip

:popover-open + @starting-style: анимация tooltip

Блок [popover]:popover-open { opacity: 1; scale: 1 } с @starting-style { opacity: 0; scale: 0.95 } даёт мягкое появление нативного popover — меньше синхронизации с toggle event.

Добавьте transition-behavior: allow-discrete для opacity и display.

- [:popover-open — MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/:popover-open) — Стили открытого popover.

- [Popover API — MDN](https://developer.mozilla.org/en-US/docs/Web/API/Popover_API) — Обзор Popover API.

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

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

Подписывайтесь на наш канал в Telegram

и получайте ежедневную порцию новостей из мира строительства и недвижимости, читайте интервью и участвуйте в опросах

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