Skip to content

fix(select): align dropdown popup with trigger edge#10

Merged
ronload merged 1 commit into
mainfrom
fix/select-dropdown-alignment
Apr 14, 2026
Merged

fix(select): align dropdown popup with trigger edge#10
ronload merged 1 commit into
mainfrom
fix/select-dropdown-alignment

Conversation

@ronload

@ronload ronload commented Apr 14, 2026

Copy link
Copy Markdown
Owner

Summary

  • Fix city and district select dropdowns appearing offset to the right relative to their triggers
  • Disable alignItemWithTrigger and set align="start" on SelectContent to prevent Base UI's default horizontal shifting behavior

Test plan

  • Open the app and click the city selector — dropdown should be left-aligned with the trigger
  • Select a city, then click the district selector — same alignment check
  • Verify no visual regression on other select-like components

The default alignItemWithTrigger behavior in Base UI shifts the
popup horizontally to overlay the selected item on the trigger
text, causing the dropdown to appear offset to the right.
@vercel

vercel Bot commented Apr 14, 2026

Copy link
Copy Markdown

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated (UTC)
zipkit Ready Ready Preview, Comment Apr 14, 2026 3:59pm

@ronload ronload merged commit 61b9d6b into main Apr 14, 2026
3 checks passed
@ronload ronload deleted the fix/select-dropdown-alignment branch April 14, 2026 16:40
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant