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

Unnecessary horizontal scrollbar visible on language popup in Mac Safari #227

New Issue
Open
opened 2025-09-22 13:34:36 -04:00 by swap12875d · 1 comment
swap12875d commented 2025-09-22 13:34:36 -04:00
Copy Link

Description:

On the profile page, when selecting the language option, a horizontal scrollbar appears on the language popup in Mac Safari browser which is unnecessary. This scrollbar is not present when using the Chrome browser. The behavior should be consistent across all browsers.

Current URL:

https://profiles.topcoder.com/swap12875

Steps to reproduce:

  1. Open the profile page URL: https://profiles.topcoder.com/swap12875
  2. Click on the language option to open the language popup
  3. Observe the presence of a horizontal scrollbar on the popup in the Mac Safari browser
  4. Repeat the same steps on Chrome browser and notice the absence of the horizontal scrollbar

Actual results:

A horizontal scrollbar is visible on the language popup in the Mac Safari browser.

Expected results:

No horizontal scrollbar should be present on the language popup, consistent across both Mac Safari and Chrome browsers.

Screenshots/Videos:

Monosnap swap12875 | Community Profile | Topcoder 2025-09-22 23-01-19.jpg

OS and Browser version:

Mac OS 15.5, Safari 18.5

VersionDetails:

Device:

MAC book

Reproducibility:

5/5

#### Description: On the profile page, when selecting the language option, a horizontal scrollbar appears on the language popup in Mac Safari browser which is unnecessary. This scrollbar is not present when using the Chrome browser. The behavior should be consistent across all browsers. #### Current URL: https://profiles.topcoder.com/swap12875 #### Steps to reproduce: 1. Open the profile page URL: https://profiles.topcoder.com/swap12875 2. Click on the language option to open the language popup 3. Observe the presence of a horizontal scrollbar on the popup in the Mac Safari browser 4. Repeat the same steps on Chrome browser and notice the absence of the horizontal scrollbar #### Actual results: A horizontal scrollbar is visible on the language popup in the Mac Safari browser. #### Expected results: No horizontal scrollbar should be present on the language popup, consistent across both Mac Safari and Chrome browsers. #### Screenshots/Videos: ![Monosnap swap12875 | Community Profile | Topcoder 2025-09-22 23-01-19.jpg](/attachments/48d4b1c2-1003-4a44-8ef4-6bb3662667ce) #### OS and Browser version: Mac OS 15.5, Safari 18.5 VersionDetails: <img src='/attachments/0a7aed65-15d6-43c1-9ba9-8e77abd96893' width='250' height='500'> #### Device: MAC book #### Reproducibility: 5/5
Monosnap swap12875 | Community Profile | Topcoder 2025-09-22 23-01-19.jpg
958 KiB
swap12875d added the UISafariMacOS labels 2025-09-22 13:34:36 -04:00
nithya160925 commented 2025-09-24 16:00:56 -04:00
Collaborator
Copy Link

It seems to be a common issue with all Safari modals.

It seems to be a common issue with all Safari modals.
nithya160925 added the validS: Low labels 2025-09-24 16:01:14 -04:00
nithya160925 added the P: My Profile label 2025-09-25 01:04:11 -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 MacOS P: My Profile Safari S: Low UI valid
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#227
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?