Одно из моих любимых новых CSS-свойств — это anchor positioning

.trigger {
  anchor-name: --tip;
}

.tooltip {
  position: fixed;
  position-anchor: --tip;
  position-area: top center;
  position-try-fallbacks: flip-block;
}

Избавляет от сложной логики позиционирования на JavaScript, улучшает производительность.

Самое крутое — это умное перепозиционирование, чтобы избежать overflow.

Простое и чистое решение

@WebDev_Plus