BUG #3894
Updated by Nazmul Hossain Shovon 4 months ago
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 - [Video Evidence](https://drive.google.com/file/d/1x72XGMzf1d-ZCffLrqASRhr_VyMIk2jy/view?usp=sharing) ### Module / Section Pagination → Global (Stock Listings / Product Listings) --- ### Root Cause: not an issue --- ### Impacted Area: none