design

CSS contain: layout и paint — изоляция компонентов от reflow

CSS contain: layout и paint — изоляция компонентов от reflow

Свойство contain ограничивает влияние внутренних изменений layout/paint на остальную страницу — полезно для тяжёлых списков и embed.

Слишком агрессивный contain: strict может обрезать overflow и ломать sticky/fixed потомки — тестируйте UI-состояния.

- [contain — MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/contain) — Типы containment.

---

## Компоненты

Комбинируйте contain с content-visibility на card list, но не на global header.

В design system документируйте, где contain обязателен.

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

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

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