Profile Experience Tab: UI glitches when entering long text in Role and Company Name fields #153

New Issue

swap12875d · 2025-09-22T04:55:41-04:00

swap12875d commented

2025-09-22 04:55:41 -04:00

Description:

When entering a long text string in the "Role" and "Company Name" fields under the Experience tab in the Profile section, the input is accepted but causes UI glitches on the page. This negatively impacts the visual layout and usability.

Current URL:

https://profiles.topcoder.com/swap12875

Steps to reproduce:

Login and navigate to the Profile section.
Click on the Experience tab.
In the "Role" input field, enter a very long text string.
In the "Company Name" input field, enter a very long text string.
Observe the UI behavior on the page.

Actual results:

Long text input is accepted without any limit or validation.
The UI layout glitches and distorts, affecting readability and usability.
Visual elements may overlap or break page styling.

Expected results:

Input fields for Role and Company Name should have a character limit or proper text handling (e.g., wrapping, truncation).
UI layout should remain intact and visually consistent regardless of input length.
Any excessive text should not break the page or UI elements.

Screenshots/Videos:

OS and Browser version:

Windows 11, Chrome 140.0.7339.186

VersionDetails:

Device:

Windows Laptop

Reproducibility:

5/5

#### Description: When entering a long text string in the "Role" and "Company Name" fields under the Experience tab in the Profile section, the input is accepted but causes UI glitches on the page. This negatively impacts the visual layout and usability. #### Current URL: https://profiles.topcoder.com/swap12875 #### Steps to reproduce: 1. Login and navigate to the Profile section. 2. Click on the Experience tab. 3. In the "Role" input field, enter a very long text string. 4. In the "Company Name" input field, enter a very long text string. 5. Observe the UI behavior on the page. #### Actual results: - Long text input is accepted without any limit or validation. - The UI layout glitches and distorts, affecting readability and usability. - Visual elements may overlap or break page styling. #### Expected results: - Input fields for Role and Company Name should have a character limit or proper text handling (e.g., wrapping, truncation). - UI layout should remain intact and visually consistent regardless of input length. - Any excessive text should not break the page or UI elements. #### Screenshots/Videos: ![image.png](/attachments/69fb1773-9854-459c-be87-25ab3384b8a0) #### 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

image.png

3.2 MiB

swap12875d added the Windows Chrome UI labels 2025-09-22 04:55:41 -04:00

nithya160925 added the Out of Scope label 2025-09-23 05:20:21 -04:00

nithya160925 commented

2025-09-24 01:37:40 -04:00

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.

nithya160925 closed this issue

2025-09-24 01:37:40 -04:00

swap12875d commented

2025-09-24 13:56:05 -04:00

@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:56 -04:00

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.

2 Participants

Notifications

Due Date

No due date set.

Dependencies

No dependencies set.

Reference: Topcoder-Platform/public-website-qa-bug-hunt#153