design

scrollbar-gutter: stable both-edges — симметрия с двумя полосами

scrollbar-gutter: stable both-edges — симметрия с двумя полосами

Значение scrollbar-gutter: stable both-edges резервирует место под полосы прокрутки слева и справа — макет hero не «прыгает» при появлении вертикального скролла и остаётся визуально центрированным.

На html чаще достаточно stable; both-edges — для RTL или двунаправленных панелей.

- [scrollbar-gutter — MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/scrollbar-gutter) — Резерв под scrollbar.

- [CSS Overflow Level 3](https://www.w3.org/TR/css-overflow-3/#scrollbar-gutter-property) — Свойство в спецификации.

---

## Связка

Используйте вместе с overflow-y: auto на модалках длинного брифа.

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

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

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