Skip to main content

#100 Greenhorn 💚 Newsletter

An example of a Visual bug: Hidden drop-down options | Product Listing Page

Charlie avatar
Written by Charlie
Updated over 3 months ago

LEVEL UP Your Reporting

Example of a visual bug.

Here, navigate to the video for better quality.

Exemplary Bug Form

Feature:

Product listing page

Bug Type:

Visual

Title:

"Sort by" drop-down list options merge with the background, appearing as a blank area

URL:

https://21rebel.store/collections/bitcoin-hats

Steps:

  1. Open https://21rebel.store/

  2. Click the "Bitcoin Accessoires" tab in the header

  3. Click the "Bitcoin Hats" link

  4. Click the "Sort by" drop-down menu

Actual result:

The opened "Sort by" drop-down list appears blank on the "Bitcoin Hats" page.
​
The relevant unselected sort options only become visible when the mouse hovers over them.
​
​Note: This issue appears on any page with the "Sort by" option.

Expected result:

The "Sort by" drop-down list should display all sort options clearly on the product listing page, with the options distinct from the background, without requiring the user to hover the mouse over them to see them.

Related Articles
Bug Report Requirements
Bug Report Examples Collection for Greenhorn Testers 💚
Did this answer your question?