Bug: Content panels were rendering inline below their Triggers,
pushing the bar's flex layout. They should float anchored to the Item
the same way Radix / bits-ui mega-menus do.
Two changes:
1. **Item** — was `flex-direction: column`, which made Content stack
below Trigger in the flex flow. Switched to inline-flex with
`align-items: center`. `position: relative` stays so it remains the
anchor element. Vertical orientation gets `display: flex`.
2. **Content** — added `position: absolute; inset-block-start: calc(100% + var(--space-1)); inset-inline-start: 0; z-index: 50`.
The panel now sits 4px below the trigger row, left-aligned to the
Item (extends via `min-inline-size: 14rem` past the trigger), and
stacks above the rest of the page. Vertical orientation flips the
anchor: `inset-block-start: 0; inset-inline-start: calc(100% + var(--space-1))`
so the panel opens to the right of the trigger column.
Verified in browser: contentTop=623, triggerBottom=619, position=absolute,
z-index=50, bar layout no longer pushed.
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
dev
fd34fa535c