Auto-Flip Demo

The tooltip is positioned at bottom center with position-try-fallbacks: flip-block. Scroll down until the anchor nears the bottom edge — the tooltip flips above automatically.

📱 On mobile: switch to landscape mode. Portrait viewport height may not give enough room for the tooltip to detect overflow and trigger the flip.

anchor area — scroll to trigger flip
I flip when I don't fit

Resize the viewport short or scroll the anchor near the bottom edge.

The browser flips the tooltip above flip-block : only when the default position overflows.