Skip to content

Fix auth-method dialog overflow with long API keys#1451

Merged
RhysSullivan merged 1 commit into
mainfrom
fix/auth-method-long-key-overflow
Jul 22, 2026
Merged

Fix auth-method dialog overflow with long API keys#1451
RhysSullivan merged 1 commit into
mainfrom
fix/auth-method-long-key-overflow

Conversation

@RhysSullivan

Copy link
Copy Markdown
Collaborator

A long unbroken API key pasted as a placement prefix stretched the add-authentication-method dialog (and the connect modal's merged credential affix) far past the viewport.

Fix:

  • PlacementLine preview wraps mid-token (wrap-anywhere) instead of forcing the dialog to the key's full width.
  • The connect modal's merged prefix affix truncates with an ellipsis inside the field (max-w-[60%]).

Regression coverage: two new steps in the connect-modal-credential-ux selfhost scenario assert the dialog never scrolls horizontally with a 700-char pasted key, in both the add-method editor and the connect modal.

Before

before: dialog stretched off-screen

After

Preview wraps inside the dialog:

after: preview wraps

Merged affix truncates in the credential field:

after: affix truncates

E2E run

Connect modal · API key credential UX: merged affix, add-method, prefix warning (selfhost)

A long unbroken key pasted as a placement prefix stretched the
add-method dialog (preview line) and the connect modal (merged
credential affix) past the viewport. Wrap the placement preview
mid-token and truncate the merged affix inside the field.
@github-actions

github-actions Bot commented Jul 22, 2026

Copy link
Copy Markdown
Contributor

Cloudflare preview

Torn down — the PR is closed.

@RhysSullivan
RhysSullivan marked this pull request as ready for review July 22, 2026 23:20
@RhysSullivan
RhysSullivan merged commit ba5a43e into main Jul 22, 2026
17 of 19 checks passed
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