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

Challenge tags not laid out properly when there are more tags #94

New Issue
Open
opened 2025-09-22 02:50:08 -04:00 by draco9972 · 2 comments
draco9972 commented 2025-09-22 02:50:08 -04:00
Copy Link

Issue URL:

https://www.topcoder.com/challenges/3760c4fb-9562-41cb-9778-b08c86f9b296

Steps to reproduce

  1. Go to https://www.topcoder.com/challenges/3760c4fb-9562-41cb-9778-b08c86f9b296
  2. Observe the layout of the challenge tags

Actual result

Challenge tags are laid out straight instead of being wrapped

Expected result

If there are too many challenge tags, they should be wrapped and not go over beyond the page width

Screenshots/Videos

image.png

Environment

  • OS and Browser version: Windows 11 Pro, 24H2 | Chrome 140.0.7339.186 | Firefox 143.0.1 | Edge 140.0.3485.81
  • Device: Desktop

Reproducibility

5/5

#### Issue URL: https://www.topcoder.com/challenges/3760c4fb-9562-41cb-9778-b08c86f9b296 #### Steps to reproduce 1. Go to https://www.topcoder.com/challenges/3760c4fb-9562-41cb-9778-b08c86f9b296 2. Observe the layout of the challenge tags #### Actual result Challenge tags are laid out straight instead of being wrapped #### Expected result If there are too many challenge tags, they should be wrapped and not go over beyond the page width #### Screenshots/Videos ![image.png](/attachments/0b7c112f-2b62-4da4-b118-fc823888fae0) #### Environment - OS and Browser version: Windows 11 Pro, 24H2 | Chrome 140.0.7339.186 | Firefox 143.0.1 | Edge 140.0.3485.81 - Device: Desktop #### Reproducibility 5/5
image.png
157 KiB
draco9972 added the EdgeChromeWindowsFirefoxUI labels 2025-09-22 02:50:08 -04:00
draco9972 commented 2025-09-22 09:10:28 -04:00
Author
Copy Link

Complete steps from homepage to issue URL:

  1. Go to https://www.topcoder.com/
  2. Hover Solutions > Topcoder Solutions
  3. Under Topcoder Solutions, hover to App Dev > IoT
  4. Click Anabel Hospitality... to access the challenge

image.png

Complete steps from homepage to issue URL: 1. Go to https://www.topcoder.com/ 2. Hover Solutions > Topcoder Solutions 3. Under Topcoder Solutions, hover to App Dev > IoT 4. Click Anabel Hospitality... to access the challenge ![image.png](/attachments/ada23501-5a8b-405a-9a97-8bfdb3ca43e6) <video src="attachments/497ec844-65c2-43a0-8ace-c8bcf31003b5" title="2025-09-22_21-08-53.mp4" controls></video>
2025-09-22_21-08-53.mp4
3.1 MiB
image.png
236 KiB
nithya160925 added the valid label 2025-09-24 08:17:42 -04:00
nithya160925 added the S: Medium label 2025-09-24 08:20:05 -04:00
nithya160925 commented 2025-09-24 09:07:49 -04:00
Collaborator
Copy Link

Another issue #110 is noted around the challenge tags

Another issue #110 is noted around the challenge tags
nithya160925 added the P: Challenge Details Page label 2025-09-25 04:58:03 -04:00
nithya160925 changed title from Challenge tags not laid out properly to Challenge tags not laid out properly when there are more tags 2025-09-26 06:22:01 -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 Edge Firefox P: Challenge Details Page S: Medium UI 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#94
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?