Fix: Range Slider Triggers Instant Search While Dragging

[iamibrahimriaz]

PR Type

What kind of change does this PR introduce?

• Bugfix
• Security fix
• Improvement
• New Feature
• Refactoring (no functional changes, no api changes)
• Build related changes
• Text changes
• Other... Please describe:

Description

This PR fixes an issue where the range slider in the instant search sidebar was triggering search requests continuously while dragging, instead of waiting until the user released the mouse.

Before:

1. User clicks and starts dragging the range slider
2. Search triggers immediately and continuously during drag
3. Multiple AJAX requests fire (10-20+ requests per drag)
4. Poor user experience - results update while still adjusting
5. Unnecessary server load

After:

1. User clicks and drags the range slider
2. Visual values update in real-time (good UX)
3. No search triggers during drag
4. User releases mouse/touch
5. Search executes once with final values

Technical Changes

File: assets/src/js/public/search-form.js

// Here is the changes
slider.directoristCustomRangeSlider?.on('update', function (values, handle) {
    if (sliderRangeValue) {
        sliderRangeValue.setAttribute('value', rangeValue);
        ❌ Removed - trigger('change') from here
    }
});

// ✅ Added this code 
slider.directoristCustomRangeSlider?.on('end', function () {
    if (sliderRangeValue && !rangeInitLoad) {
        $(sliderRangeValue).trigger('change'); 
    }
});

Additional Task

Also Fixed multiple range slider conflict issue - https://taiga-sovware-u10698.vm.elestio.app/project/directorist/issue/2195

Before:

• https://prnt.sc/Gh03N4-OtC3B - Reload with url parameter

After:

• https://prnt.sc/8UlC-sl8UJuE - Reload with url parameter

Any linked issues

Fixes #2581

Checklist

• My code follows the WordPress coding standards

[RabbiIslamRony]

Looks Good