BUG #3894
open[SQA] Pagination Ellipsis Is Not Clickable, Causing Poor Navigation Experience
100%
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¶
- Open the PQS Japan staging website.
- Navigate to any page with multiple pages of results (e.g., stock listings).
- Scroll to the pagination component at the bottom.
- Observe the ellipsis (“…”) appearing between page numbers.
- Attempt to click on the ellipsis to jump to hidden pages.
- 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
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/
Updated by Aman Bhuiyan 4 months ago
- Assignee changed from Aman Bhuiyan to Tasfia Zaima
Updated by Tasfia Zaima 3 months ago · Edited
- Assignee changed from Tasfia Zaima to Nazmul Hossain Shovon
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
Updated by Md.Sajib Ahmed 3 months ago
- Assignee changed from Nazmul Hossain Shovon to Tasfia Zaima
Updated by Tasfia Zaima 3 months ago
- Status changed from In Progress to Complete