🐞 Bug: Mobile Search – Too Many Clicks to Start Typing

[RabbiIslamRony]

Directorist version

8.4.4

Environment

8.1.29

Description

Describe the issue:
On mobile devices, the current Directorist search form requires too many taps (around 4) before a user can start typing a search query. This causes poor UX, especially on mobile where quick access is essential.

Expected behavior:
Users should be able to start typing in the search input with 1–2 taps max. The form should be optimized for mobile responsiveness and minimal friction.

Steps to reproduce:

1. Open the website on a mobile browser.
2. Tap the search/filter icon (if present).
3. Go through multiple layers to reach the input field.
4. Notice how many steps it takes before you can actually type.

Suggested solution:

• Reduce the number of taps to access the input field.
• Automatically focus the input field when the form is visible.
• Collapse advanced options under toggles or accordions to keep the UI clean.
• Make sure all input fields are visible and easily tappable on smaller screens.

Device & Environment:

• Device: Mobile (tested on multiple)
• Browser: Chrome/Safari
• Theme/Plugin: Directorist

Priority: 🚨 Medium to High
Labels: bug UX responsive mobile

Steps to reproduce

Open the search form in mobile responsive view.

Isolating the problem

• I have reproduced this bug in localhost.
• This bug happens with a default WordPress theme active (eg. 2021, 2022 etc).