Skip to content

fix(flows): prevent toolbar menu labels from wrapping - #888

Merged
sung17 merged 1 commit into
mainfrom
fix/flow-toolbar-menu-min-width
Aug 3, 2026
Merged

fix(flows): prevent toolbar menu labels from wrapping#888
sung17 merged 1 commit into
mainfrom
fix/flow-toolbar-menu-min-width

Conversation

@sung17

@sung17 sung17 commented Aug 3, 2026

Copy link
Copy Markdown
Collaborator

Summary

  • The flow editor's "..." toolbar dropdown menu was constrained to the trigger button's anchor width with only a 128px floor, causing longer labels (e.g. "Get JSON for Messenger Ads") to wrap onto multiple lines.
  • Set a wider minimum width and whitespace-nowrap on this menu's DropdownMenuContent, following the same override pattern already used by other menus (nav-user.tsx, workspace-switcher.tsx).

Changes

  • apps/builder/src/features/flows/react-flow/flow-edit-toolbar.tsx — added className="min-w-64 whitespace-nowrap" to the toolbar's DropdownMenuContent.

Test plan

  • pnpm lint
  • pnpm --filter builder check-types
  • manual verification: open a flow, click the "..." toolbar menu, confirm all labels render on a single line

Add a min-width and whitespace-nowrap to the flow edit toolbar's
"..." dropdown menu so long labels like "Get JSON for Messenger Ads"
render on a single line instead of wrapping.
@github-actions github-actions Bot added the bug Something isn't working as expected label Aug 3, 2026
@sung17
sung17 merged commit b7e67c3 into main Aug 3, 2026
8 checks passed
viethung0o0 pushed a commit that referenced this pull request Sep 7, 2026
Add a min-width and whitespace-nowrap to the flow edit toolbar's
"..." dropdown menu so long labels like "Get JSON for Messenger Ads"
render on a single line instead of wrapping.

Co-authored-by: Deathgiver <anonymous@users.noreply.github.com>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

bug Something isn't working as expected

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant