Every trick recreated from the source video as a live, self-contained demo. Search, filter, open, steal.
A button with popovertarget and an element with popover is the whole implementation. The browser puts it in the top layer, closes it on Escape, closes it when you click outside, and hands you ::backdrop to style — none of which you wrote. The script here only opens it on a loop so the demo plays; the open and close buttons are pure markup.
A tooltip that automatically positions itself relative to a button using pure CSS Anchor Positioning and the Popover API. It stays visible and adapts to screen edges without any JavaScript or z-index conflicts.
A modern, zero-JavaScript tooltip that automatically positions itself relative to its trigger and flips its vertical alignment (above/below) if it's about to go off-screen, leveraging the native Popover API and CSS Anchor Positioning.