CSS Anchor Positioning + Popover API: Tooltips With No JS Library

Three tooltips pinned to their trigger button using nothing but the native Popover API (popover/popovertarget attributes, no click-handler JS) and the new CSS Anchor Positioning spec (anchor-name on the button, position-anchor + position-area on the tooltip). This is the pairing that replaces Popper.js/Floating UI + a popover library entirely - zero JavaScript. Includes an @supports not (anchor-name: --a) fallback note for browsers that don't support anchor positioning yet (the popovers still open, just without the pinned position).




Related snippets :

Infinite Auto-Scroll Marquee (Pure CSS, No Java...


React via CDN, No Build Step (React.createEleme...


OTP / Verification Code Input with Auto-Advance...


Masonry Gallery Layout with CSS Columns (No Jav...