Client » PQS_Japan

When refreshing the page, the border of the filter box briefly overlaps with the placeholder text inside the filter fields.
This creates a noticeable visual glitch during the initial loading phase, causing flickering and an unstable UI appearance.

The filter box should render smoothly without any overlapping or distortion during page load.

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 that contains the Filter Box.
3. Refresh the page multiple times.
4. Observe the filter input fields during the first second of loading.
5. Notice the border briefly overlapping or flickering over the placeholder text.

Expected Result¶

The filter box border and placeholder text should render cleanly and consistently without overlapping or flickering from the start of page load.

Actual Result¶

During refresh, the border briefly overlaps the placeholder text, creating a visible flicker and UI distortion.

Attachments¶

• Video Evidence

Module / Section¶

Filter Box / Global Component

Root Cause:¶

extra placeholder skeleton

Impacted Area:¶

filter combobox skeleton