Tooltip overlapping with expand arrow on Skills Covered icons in Data Science Fundamental course #40

Open
opened 2025-09-22 00:31:56 -04:00 by swap12875d · 0 comments

Description:

When navigating to the Topcoder Academy and opening the Data Science Fundamental course, hovering over the "Skills Covered" icons shows a tooltip that is overlapped by the expand arrow from the left section, causing the tooltip text to be partially hidden and reducing readability.

Current URL:

https://academy.topcoder.com/tca-certifications/data-science-fundamentals

Steps to reproduce:

  1. Open https://www.topcoder.com/challenges in a browser.

  2. Navigate to the Topcoder Academy section.

  3. Open the Data Science Fundamental course page.

  4. Hover the mouse cursor over the "Skills Covered" icons.

  5. Observe the tooltip displayed.

Actual results:

  • The tooltip text for the skills covered is overlapped and partially obscured by the expand arrow located in the left section of the page.

  • Tooltip content is difficult to read due to this overlapping UI element.

Expected results:

  • The tooltip should be fully visible, not overlapped or obscured by any other UI elements.

  • The expand arrow should not interfere with tooltip display, ensuring clear readability of the skill descriptions.

Screenshots/Videos:

image.png

OS and Browser version:

Windows 11, Chrome 140.0.7339.186

VersionDetails:

Windows_chrome_version_screenshot

Device:

Windows Laptop

Reproducibility:

5/5 (reproducible every ti

#### Description: When navigating to the Topcoder Academy and opening the Data Science Fundamental course, hovering over the "Skills Covered" icons shows a tooltip that is overlapped by the expand arrow from the left section, causing the tooltip text to be partially hidden and reducing readability. #### Current URL: https://academy.topcoder.com/tca-certifications/data-science-fundamentals #### Steps to reproduce: 1. Open https://www.topcoder.com/challenges in a browser. 2. Navigate to the Topcoder Academy section. 3. Open the Data Science Fundamental course page. 4. Hover the mouse cursor over the "Skills Covered" icons. 5. Observe the tooltip displayed. #### Actual results: - The tooltip text for the skills covered is overlapped and partially obscured by the expand arrow located in the left section of the page. - Tooltip content is difficult to read due to this overlapping UI element. #### Expected results: - The tooltip should be fully visible, not overlapped or obscured by any other UI elements. - The expand arrow should not interfere with tooltip display, ensuring clear readability of the skill descriptions. #### Screenshots/Videos: ![image.png](/attachments/79d1686d-0d70-4a7c-b5d6-5ba0602bbbe5) #### 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 ti
375 KiB
swap12875d added the UXUIWindowsChrome labels 2025-09-22 00:31:56 -04:00
nithya160925 added valid and removed UX labels 2025-09-24 03:57:08 -04:00
nithya160925 added the S: Low label 2025-09-25 00:42:13 -04:00
nithya160925 added the P: Topcoder Academy label 2025-09-25 05:08:39 -04:00
Sign in to join this conversation.
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

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