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

Additional Skills Dropdown Menu Partially Blocked at 100% Zoom on Profile Page #151

New Issue
Open
opened 2025-09-22 04:49:51 -04:00 by swap12875d · 1 comment
swap12875d commented 2025-09-22 04:49:51 -04:00
Copy Link

Description:

On the Profile page, the additional skills dropdown menu is partially blocked at 100% zoom. The menu becomes fully visible only when zoomed out below 80%, which critically impacts user experience and functionality.

Current URL:

https://profiles.topcoder.com/swap12875

Steps to reproduce:

  1. Login to the application.
  2. Navigate to the Profile page.
  3. Click on 'Skills' button
  4. Locate the "Additional Skills" dropdown menu.
  5. Enter few skills in the give input box, and then try to input some more text and see the dropdown visibility
  6. Ensure the browser zoom level is set to 100%.
  7. Click to open the dropdown menu.

Actual results:

  • The dropdown menu extends beyond the page boundaries, causing part of the options to be hidden.
  • Users cannot see or select all available skills.
  • The issue only resolves when zooming out below 80%.

Expected results:

  • The additional skills dropdown menu should be fully visible and contained within the page area at 100% zoom.
  • Users should be able to view and select any skill without needing to adjust zoom settings.
  • Dropdown positioning should adapt responsively to prevent clipping.

Screenshots/Videos:

OS and Browser version:

Windows 11, Chrome 140.0.7339.186

VersionDetails:

Windows_chrome_version_screenshot

Device:

Windows Laptop

Reproducibility:

5/5 (reproducible every time)

#### Description: On the Profile page, the additional skills dropdown menu is partially blocked at 100% zoom. The menu becomes fully visible only when zoomed out below 80%, which critically impacts user experience and functionality. #### Current URL: https://profiles.topcoder.com/swap12875 #### Steps to reproduce: 1. Login to the application. 2. Navigate to the Profile page. 3. Click on 'Skills' button 4. Locate the "Additional Skills" dropdown menu. 5. Enter few skills in the give input box, and then try to input some more text and see the dropdown visibility 6. Ensure the browser zoom level is set to 100%. 7. Click to open the dropdown menu. #### Actual results: - The dropdown menu extends beyond the page boundaries, causing part of the options to be hidden. - Users cannot see or select all available skills. - The issue only resolves when zooming out below 80%. #### Expected results: - The additional skills dropdown menu should be fully visible and contained within the page area at 100% zoom. - Users should be able to view and select any skill without needing to adjust zoom settings. - Dropdown positioning should adapt responsively to prevent clipping. #### Screenshots/Videos: <video src="attachments/b8962ec0-ccff-41d4-a484-fedab5d24f37" title="skill selection blocks.mp4" controls></video> #### 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 (reproducible every time)
skill selection blocks.mp4
5.7 MiB
swap12875d added the WindowsChromeFunctional labels 2025-09-22 04:50:09 -04:00
nithya160925 added the S: Mediumvalid labels 2025-09-24 12:20:12 -04:00
nithya160925 commented 2025-09-24 12:20:28 -04:00
Collaborator
Copy Link

Reproducibility: 3/6

Reproducibility: 3/6
nithya160925 added the P: My Profile label 2025-09-25 04:43:36 -04:00
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 Functional P: My Profile S: Medium valid 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#151
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?