r/css • u/bogdanelcs • 1d ago

Resource CSS does your tooltip positioning now

https://allthingssmitty.com/2026/10/05/css-does-your-tooltip-positioning-now/
47 Upvotes

90% Upvoted

6 comments sorted by

11

u/oneden 1d ago

One of my favorite bits of CSS these days.

8

u/Logical-Idea-1708 1d ago

Keep using popper/floating ui. Anchor position is buggy across browsers

3

u/azangru 1d ago

CSS does your tooltip positioning now

The little triangle is missing.

(until non-blink browsers support container queries for anchored elements)

1

u/ryuya_h 23h ago

nice writeup. small thing, you don't need to generate an anchor-name per card, anchor-scope handles that and it's been baseline newly available since january. also worth knowing the anchor positioning feature as a whole still isn't baseline because position-visibility (anchor-valid / anchor-visible) is missing in chrome and firefox, so i'd keep an @supports fallback for anything going to prod

0

u/UpbeatLemon3022 1d ago

top: 100% with left: 50% and transform: translateX(-50%) centers it below triggers.

-1

u/Rzah 18h ago

I don't think I've ever positioned a popup to it's trigger with javascript and separating the trigger and the tip is just fucking over blind people for invisible style points.