🎮 Anchor Positioning: a tooltip with zero JS

Pick where the tooltip sits with position-area, then drag the anchor around the stage. The tooltip tracks it automatically — no computePosition(), no ResizeObserver, no scroll listener. Turn on smart fallbacks and drag toward an edge: position-try-fallbacks flips the tooltip to keep it on-screen.

1 · Controls

position-area
Overflow handling

Drag the anchor to the edge the tooltip points at. With fallbacks on, it flips instead of clipping.

2 · Drag the anchor

Positioned by CSS. I'm glued to the anchor — move it and I follow, no JavaScript doing the math.

3 · The CSS doing the work