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

`anchor-name` и `position-anchor` — привязка плавающих панелей к кнопкам с flip при нехватке места.

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

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

CSS anchor positioning — MDN — Свойства anchor и fallbacks.
Anchor positioning — Chrome Developers — Обзор API и примеры.

Внедрение

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

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