You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
{{ message }}
Repository navigation
Docs: NavBar preview is too short for its dropdown and mobile menu #46
The NavBar docs preview (<PreviewComponents registryName="navbar" fullBleed>) is only as tall as the bar itself. fullBleed renders the demo with no padding or minimum height (src/components/docs/preview-shell.tsx), so the language dropdown and the mobile menu have no room inside the card:
On main, the card clips with overflow-hidden, so the open dropdown is cut off at the card edge.
Either way, the preview doesn't show the component's main interaction.
Expected
The NavBar preview stage reserves enough space for its popups: the open language menu with all demo locales, and the mobile menu at narrow widths. Both should fit inside the card.
Suggested fix
Give the fullBleed stage a minimum height, or let PreviewComponents accept a minHeight / className for the stage, and set it on the NavBar page (roughly min-h-[22rem]).
Leave the bar at the top of the stage; the empty area below is where the menus open.
Check the other fullBleed previews aren't affected.
Acceptance
Open language dropdown fits fully inside the preview card on desktop.
Activity