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

Bug: Registration page's error text not left-aligned #2152

Open
5 tasks
thetanmancan opened this issue Mar 4, 2025 · 0 comments · May be fixed by #2164
Open
5 tasks

Bug: Registration page's error text not left-aligned #2152

thetanmancan opened this issue Mar 4, 2025 · 0 comments · May be fixed by #2164
Assignees
Labels
bug Release Note: Shows as Error Correction level: easy p-feature: Registration Page /login priority: MUST HAVE role: front-end Front End Developer size: 1pt Can be done in 4-6 hours
Milestone

Comments

@thetanmancan
Copy link
Member

Describe the bug

According to the TDM design system, error text should be left-aligned with its associated field. However, on the TDM Dev site, each instance of error text on the Registration page, which also goes by the name "Create a New Account", is center-aligned with its field.

Steps to Reproduce

  1. Navigate to the TDM Login page.
  2. Click the "Create an account" hyperlink.
  3. Click inside the First Name field.
  4. Click outside the First Name field.
  5. Notice the "First Name is required" error text that appears below the field.
  6. Click inside the Last Name field.
  7. Click outside the Last Name field.
  8. Notice the "Last Name is required" error text that appears below the field.
  9. Click inside the Email field.
  10. Click outside the Email field.
  11. Notice the "Email is required" error text that appears below the field.
  12. Click inside the Password field.
  13. Click outside the Password field.
  14. Notice the "Password is required" error text that appears below the field.
  15. Click inside the Retype Password field.
  16. Click outside the Retype Password field.
  17. Notice the "Confirm your password" error text that appears below the field.

Actual Result

In Steps 5, 8, 11, 14, and 17, the error text is center-aligned.

Error text

Expected Result

In Steps 5, 8, 11, 14, and 17, the error text should be left-aligned.

Device Configuration

  • Device: Desktop
  • OS version: Windows 11
  • Browser: Firefox
  • Browser version: 135.0.1

Action Items

  • Fix bug.
  • Review with development lead.
  • Review with product, development, and research teams. Update if needed based on feedback.
  • Once finalized, add a slide to the staging deck.
  • Get Stakeholder sign-off via the stakeholder meeting slide deck.
@github-project-automation github-project-automation bot moved this to New Issue Approval in P: TDM: project board Mar 4, 2025
@entrotech entrotech added this to the 10 - Launch milestone Mar 4, 2025
@entrotech entrotech moved this from New Issue Approval to In progress (actively working) in P: TDM: project board Mar 4, 2025
@entrotech entrotech moved this from In progress (actively working) to Prioritized Backlog in P: TDM: project board Mar 5, 2025
@npang4 npang4 self-assigned this Mar 7, 2025
@npang4 npang4 moved this from Prioritized Backlog to In progress (actively working) in P: TDM: project board Mar 7, 2025
@npang4 npang4 linked a pull request Mar 7, 2025 that will close this issue
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Release Note: Shows as Error Correction level: easy p-feature: Registration Page /login priority: MUST HAVE role: front-end Front End Developer size: 1pt Can be done in 4-6 hours
Projects
Status: In progress (actively working)
Development

Successfully merging a pull request may close this issue.

3 participants