Project

General

Profile

Actions

BUG #3894

open

[SQA] Pagination Ellipsis Is Not Clickable, Causing Poor Navigation Experience

Added by Aman Bhuiyan 4 months ago. Updated 3 months ago.

Status:
Complete
Priority:
High
Assignee:
Target version:
Start date:
12/10/2025
Due date:
% Done:

100%

Estimated time:

Description

The pagination component displays an ellipsis (“…”) in the middle when multiple pages exist.
However, the ellipsis is not clickable, preventing users from jumping directly to the hidden page numbers.
This results in a confusing and inconvenient navigation experience, as users are forced to repeatedly click Next to move through pages.

This behavior reduces usability, especially for users browsing large lists of products.

Screens: Desktop (≥768px), Tablet (425px–768px), Mobile (≤375px)
Tested By: Tasfia Zaima


Steps to Reproduce

  1. Open the PQS Japan staging website.
  2. Navigate to any page with multiple pages of results (e.g., stock listings).
  3. Scroll to the pagination component at the bottom.
  4. Observe the ellipsis (“…”) appearing between page numbers.
  5. Attempt to click on the ellipsis to jump to hidden pages.
  6. Notice that the ellipsis is not interactive.

Expected Result

  • The ellipsis should either be clickable to open the hidden page numbers
    OR
  • The pagination should display a more intuitive navigation pattern that allows users to quickly jump across pages.

Actual Result

  • The ellipsis is not clickable.
  • Users must repeatedly click Next to reach later pages, resulting in poor usability.

Attachments

Module / Section

Pagination → Global (Stock Listings / Product Listings)


Root Cause:

not an issue

Impacted Area:

none

Actions #1

Updated by Nazmul Hossain Shovon 4 months ago

  • Status changed from Pending to In Progress
  • Assignee set to Aman Bhuiyan
  • % Done changed from 0 to 100

the ellipsis shouldnt be clickable as seen in https://www.beforward.jp/

Actions #2

Updated by Nazmul Hossain Shovon 4 months ago

  • Description updated (diff)
Actions #3

Updated by Aman Bhuiyan 4 months ago

  • Assignee changed from Aman Bhuiyan to Tasfia Zaima
Actions #4

Updated by Tasfia Zaima 3 months ago · Edited

  • Assignee changed from Tasfia Zaima to Nazmul Hossain Shovon
Actions #5

Updated by Tasfia Zaima 3 months ago

In the case of Beforward, clicking the page number immediately before the ellipsis expands and displays multiple page numbers. However, in PQS, when the page number before the ellipsis is clicked, the ellipsis shifts to appear both before and after the selected page instead of expanding the page range.
Ref:
beforward
PQS

Actions #6

Updated by Md.Sajib Ahmed 3 months ago

  • Assignee changed from Nazmul Hossain Shovon to Tasfia Zaima
Actions #7

Updated by Tasfia Zaima 3 months ago

  • Status changed from In Progress to Complete
Actions

Also available in: Atom PDF