pretext-overflow-menu

Nav bar that collapses items into "+N more" dropdown correctly on frame 1 — no flicker, no layout shift.

700px
Live nav — resize with slider
Layout shifts detected 0
Visible —
Overflow —
Container width —
Frame-1 correct YES

Items (green = visible, purple = overflow)

How it works: On frame 1, item widths are estimated from label length (8px/char + 24px padding). The overflow button width (96px) is reserved from the budget before placing items — so the layout is correct immediately, with no flicker. After painting, real DOM widths are measured and the layout refines silently.

Try: Drag the slider left to collapse items into "+N more". Drag right to expand them back. The "+N more" button appears/disappears without any content jumping.