Project

General

Profile

BUG #3880

Updated by Nazmul Hossain Shovon 4 months ago

On **mobile view**, the **filter dropdown button** (as shown in the Figma design) is missing.   
 Instead of displaying a **collapsible filter UI**, the **entire filter section is shown immediately** on page load.   
 The filter does **not** open as a slide-up or overlay panel when tapped, causing a mismatch between the expected mobile UX and the current implementation. 

 This results in an incorrect layout and does not follow the mobile design behavior defined in Figma. 

 **Screens:** Mobile (≤375px)   
 **Tested By:** Tasfia Zaima   

 --- 

 ### Steps to Reproduce 
 1. Open the PQS Japan staging website on a mobile device or via responsive mode.   
 2. Navigate to any page containing the **Filter Box** (e.g., homepage or listing pages).   
 3. Observe that the filter section is **fully expanded by default**.   
 4. Look for the **Filter dropdown button** (expected in the Figma design).   
 5. Tap the filter section and observe that no overlay or slide-up panel appears. 

 --- 

 ### Expected Result 
 - A **Filter dropdown button** should appear on mobile.   
 - Tapping it should open the **search filter panel** as a slide-up or overlay (per Figma design).   
 - The filter box should remain **hidden** until the user triggers it. 

 ### Actual Result 
 - No filter dropdown button is displayed.   
 - The filter section is fully visible by default.   
 - No overlay/slide-up behavior is triggered. 

 --- 

 ### Attachments 
 - [Screenshot](https://drive.google.com/file/d/1G6QMVlIj3OHGi9lfW9lUIF20M3CO87UR/view?usp=sharing) 

 ### Module / Section 
 Home Page / Mobile Filter Box 

 --- 

 ### Root Cause: 
 missing filter button 

 --- 

 ### Impacted Area: 
 filter

Back