Topcoder-Platform/public-website-qa-bug-hunt
2
1
Fork 0
Code Issues 119 Pull Requests Wiki Activity

Profile page UI glitches when updating name with very long string #116

New Issue
Closed
opened 2025-09-22 03:27:01 -04:00 by swap12875d · 3 comments
swap12875d commented 2025-09-22 03:27:01 -04:00
Copy Link

Description:

On the profile page, when a user updates their name field with a very long string, it causes UI glitches such as overlapping elements and distorted layout, which negatively impacts usability and visual consistency.

Current URL:

https://profiles.topcoder.com/swap12875

Steps to reproduce:

  1. Login to the application and navigate to the profile page.
  2. Locate the name input field.
  3. Enter a very long string (e.g., more than 100 characters) into the name field.
  4. Save or update the profile with this long name string.
  5. Observe the rendered UI on the profile page.

Actual results:

  • The UI layout is broken or distorted.
  • Name text overflows outside its container.
  • Other elements near the name field overlap or shift unexpectedly.
  • The user experience is negatively affected due to these visual glitches.

Expected results:

  • The name input should restrict input length or properly handle long names.
  • UI should remain intact without layout breaks or overlapping elements.
  • The name text should wrap or truncate gracefully within the container.
  • The profile page should maintain consistent and clean formatting under all inputs.

Screenshots/Videos:

(File_Path - timage.pngo be kept empty)

OS and Browser version:

Windows 11, Chrome 140.0.7339.186

VersionDetails:

Windows_chrome_version_screenshot

Device:

Windows Laptop

Reproducibility:

5/5

Labels:

Chrome, UI, Windows

#### Description: On the profile page, when a user updates their name field with a very long string, it causes UI glitches such as overlapping elements and distorted layout, which negatively impacts usability and visual consistency. #### Current URL: https://profiles.topcoder.com/swap12875 #### Steps to reproduce: 1. Login to the application and navigate to the profile page. 2. Locate the name input field. 3. Enter a very long string (e.g., more than 100 characters) into the name field. 4. Save or update the profile with this long name string. 5. Observe the rendered UI on the profile page. #### Actual results: - The UI layout is broken or distorted. - Name text overflows outside its container. - Other elements near the name field overlap or shift unexpectedly. - The user experience is negatively affected due to these visual glitches. #### Expected results: - The name input should restrict input length or properly handle long names. - UI should remain intact without layout breaks or overlapping elements. - The name text should wrap or truncate gracefully within the container. - The profile page should maintain consistent and clean formatting under all inputs. #### Screenshots/Videos: (File_Path - t![image.png](/attachments/1ac17881-cb25-468b-a26e-487e05adf25c)o be kept empty) #### OS and Browser version: Windows 11, Chrome 140.0.7339.186 VersionDetails: <img src='/attachments/1f354afb-af2d-44dc-8c03-73de2f71fa79' width='600' height='375' alt='Windows_chrome_version_screenshot'> #### Device: Windows Laptop #### Reproducibility: 5/5 #### Labels: Chrome, UI, Windows
image.png
2.0 MiB
swap12875d added the UIWindowsChrome labels 2025-09-22 03:27:01 -04:00
nithya160925 added the Out of Scope label 2025-09-23 01:52:47 -04:00
nithya160925 commented 2025-09-24 01:36:37 -04:00
Collaborator
Copy Link

Unlikely values: Tests involving extreme or unlikely values, such as entering gibberish or an exceptionally long string into a text field, are considered out of scope unless they introduce security vulnerabilities or cause a server crash.

Unlikely values: Tests involving extreme or unlikely values, such as entering gibberish or an exceptionally long string into a text field, are considered out of scope unless they introduce security vulnerabilities or cause a server crash.
swap12875d commented 2025-09-24 13:56:26 -04:00
Author
Copy Link

@nithya160925 , With due respect, while this may seem like an “unlikely value” case, lack of field validation can lead to DB-side risks such as truncation, data inconsistency, or even performance issues. Hence, this is not merely cosmetic but a prime concern for both data integrity and user trust.

@nithya160925 , With due respect, while this may seem like an “unlikely value” case, lack of field validation can lead to DB-side risks such as truncation, data inconsistency, or even performance issues. Hence, this is not merely cosmetic but a prime concern for both data integrity and user trust.
nithya160925 commented 2025-09-24 14:16:39 -04:00
Collaborator
Copy Link

We have clearly stated in the Challenge Details page that testing with an exceptionally long string is not in scope for this bug hunt.

We have clearly stated in the Challenge Details page that testing with an exceptionally long string is not in scope for this bug hunt.
Sign in to join this conversation.
No Branch/Tag Specified
Branches Tags
Labels
Clear labels
carousel
issues related to carousel on different pages
 Chrome
Content
An issue involving incorrect or outdated content
 data issue
duplicate
Edge
Firefox
Functional
An issue where a feature or function is not behaving as expected
 incomplete
incomplete steps, missing details
 Invalid
Issues that are not in scope, not reproducible, incomplete, etc
 MacOS
Not a bug
Out of Scope
P: Account Settings
P: AI Hub
P: Blog
P: Challenge Details Page
P: Challenge Listing Page
P: Customer Stories Page
P: Freelancers Page
P: Help page
P: Help Page
P: Homepage
P: Marathon Tournament Page
P: My Profile
P: Review Opportunities Page
P: SignUp flow
P: Statistics Page
P: Talent Page
P: Terms and Policies
P: Thrive
P: Topcoder Academy
P: Topcoder Customer Account
Safari
S: Critical
The issue causes data loss, a system crash, or a major part of the application to be unusable. A workaround may exist, but it is not acceptable for end-users.
 S: High
he issue is a significant bug that affects a key feature, causes incorrect behavior, or results in a poor user experience. It needs to be addressed soon.
 S: Low
A minor issue with minimal impact, such as a typo, misaligned element, or a cosmetic flaw.
 S: Medium
The issue is a noticeable problem, but it doesn't break core functionality. It might be a UI issue, a confusing error message, or a minor functional bug.
 Trivial
UI
An issue concerning a visual design and layout (Ex: button misaligned, text is overlapping)
 UX
An issue that negatively affects the user's journey or usability
 valid
Windows
No Label Chrome Out of Scope UI Windows
Milestone
No items
No Milestone
Assignees
Clear assignees
kiril.kartunov nithya160925 tester1234
No Assignees
2 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: Topcoder-Platform/public-website-qa-bug-hunt#116
Delete Branch "%!s()"

Deleting a branch is permanent. Although the deleted branch may continue to exist for a short time before it actually gets removed, it CANNOT be undone in most cases. Continue?