Search state slows down when changing directory type with large listings

[RabbiIslamRony]

Directorist version

8.4.8

Environment

latest

Description

Description:
When the site contains a large number of listings, the search state becomes noticeably slow while switching directory types. During this period, users can still interact with the interface, which may cause incomplete or inconsistent data loading.

Proposed Solution:

1. Add a disable state to prevent user actions until the process completes, or
2. Add a loading state to indicate that the data is being fetched and will be displayed once fully loaded.

This ensures that all data loads properly and improves the overall user experience.

Steps to reproduce

https://taiga-sovware-u10698.vm.elestio.app/project/directorist/issue/1932

Isolating the problem

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

[iamibrahimriaz]

@RabbiIslamRony

The atbdp-form-fade class on directorist-archive-contents creates a loading state where nothing is clickable, preventing directory type changes.

Task: Still need to disable click, then add CSS within atbdp-form-fade to prevent directorist-type-nav__link clicks during loading.

[RabbiIslamRony]

@iamibrahimriaz This issue happens especially with the search form. When a user has a large number of listings and tries to switch the directory type, the search form breaks for about 0.3 seconds in between.