Project

General

Profile

BUG #3883

Updated by Nazmul Hossain Shovon 4 months ago

When refreshing the homepage, the **filter input fields initially load with a grey (ash) background** before switching to white after a short delay.   
 During this transition, the **“Chassis No”** field appears in white immediately while the remaining fields stay grey.   
 This inconsistent rendering creates a noticeable **UI flicker** and an unstable loading experience. 

 The input fields should load with the **correct white background instantly**, without any visible transition or delay. 

 **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 the **Home Page**.   
 3. Refresh the page.   
 4. Observe the background color of all filter input fields during the first second of page load.   
 5. Note that the **Chassis No** field appears white while others briefly appear grey. 

 --- 

 ### Expected Result 
 All filter fields should render with the **correct white background immediately** upon page load.   
 No flickering or color delay should occur, and borders should remain consistent throughout the load process. 

 ### Actual Result 
 - Filter fields initially appear with a **grey background**, then switch to white after a moment.   
 - The **Chassis No** field shows white immediately, causing visual inconsistency.   
 - Noticeable flickering occurs during the transition. 

 --- 

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

 ### Module / Section 
 Filter Box / Home Page 

 --- 

 ### Root Cause: 
 bg color 

 --- 

 ### Impacted Area: 
 filter combobox

Back