position-area Playground

Click a position to see how position-area tethers the tooltip. The browser handles placement automatically.

position-area: top center

Anchor anchor-name: --playground-anchor

positioned element

The tooltip re-positions live. Resize the viewport to see flip-block kick in.