Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[Login] Truncated text and button labels on login screens with larger text sizes #14974

Open
rachelmcr opened this issue Jan 24, 2025 · 1 comment
Labels
category: accessibility Related to accessibility. feature: login Related to any part of the log in or sign in flow, or authentication. type: bug A confirmed bug.

Comments

@rachelmcr
Copy link
Contributor

rachelmcr commented Jan 24, 2025

Describe the bug
When the device is set to larger text sizes with dynamic text, some of the text and button labels are truncated.

To Reproduce
Steps to reproduce the behavior:

  1. Set the device text to a larger size, e.g. 190%.
  2. Open the app to the login screen (log out if needed first).
  3. Enter a non-WordPress URL and notice that the error screen text is truncated and the button labels are not shown.
  4. Enter the URL for a Jetpack-connected store, and then enter an email address that is not registered at WordPress.com. Notice the email error screen has truncated/not visible button labels.
  5. Log in to a non-WooCommerce, Jetpack-connected site and notice that the button labels on the WordPress.com email screen overflow the available space.
  6. On the password screen, notice the magic link button label is truncated.
  7. On the non-WooCommerce site error screen, notice the button label is truncated.
  8. Tap "See Connected Stores" and notice the login button label is truncated.
  9. Log in to an account with 2FA and notice the "Text me a code" button label is truncated.

Screenshots

Step 3 Step 4 Step 5 Step 6 Step 7 Step 8 Step 9
Image Image Image Image Image Image Image

Expected behavior
The screens and buttons should adjust to display the full text at larger text sizes.

@rachelmcr rachelmcr added category: accessibility Related to accessibility. feature: login Related to any part of the log in or sign in flow, or authentication. type: bug A confirmed bug. labels Jan 24, 2025
@dangermattic
Copy link
Collaborator

Thanks for reporting! 👍

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
category: accessibility Related to accessibility. feature: login Related to any part of the log in or sign in flow, or authentication. type: bug A confirmed bug.
Projects
None yet
Development

No branches or pull requests

2 participants