CSS anchor positioning: тултипы и поповеры без absolute «на глаз»

Anchor positioning связывает абсолютно позиционированный элемент с «якорем» (кнопка, аватар) через anchor-name / position-anchor, уменьшая хрупкость координат top/left в JS.

Для простых тултипов по-прежнему уместен Popover API; anchor positioning — когда нужны сложные меню и стрелки в design system.

- [CSS anchor positioning — MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_anchor_positioning) — Свойства anchor и fallbacks.

- [Anchor positioning — Chrome Developers](https://developer.chrome.com/docs/css-ui/anchor-positioning-api) — Обзор API и примеры.

---

## Внедрение

Тестируйте на мобильных клавиатурах и при zoom 200%: якорь не должен уезжать за край экрана.

Документируйте в UI-kit пару токенов offset, а не уникальный absolute на каждой странице.