From aef8171c4756f715c67349bb424d975f6084a9d4 Mon Sep 17 00:00:00 2001
From: Horilla <support@horilla.com>
Date: Sat, 3 May 2025 12:52:41 +0530
Subject: [PATCH] [FIX] HORILLA WIDGETS: Filter form not showin up issue fix

---
 .../multiselect_components/nav.html           | 32 ++++++++++++-------
 1 file changed, 20 insertions(+), 12 deletions(-)

diff --git a/horilla_widgets/templates/horilla_widgets/multiselect_components/nav.html b/horilla_widgets/templates/horilla_widgets/multiselect_components/nav.html
index 2a7401a39..6e8702aa3 100644
--- a/horilla_widgets/templates/horilla_widgets/multiselect_components/nav.html
+++ b/horilla_widgets/templates/horilla_widgets/multiselect_components/nav.html
@@ -26,24 +26,32 @@
     <div class="oh-main__titlebar-button-container">
       <div class="oh-dropdown" x-data="{open: false}">
         <button
-         hx-get="{% url 'get-filter-form' %}?template_path={{filter_template_path}}"
-         hx-target="#wodgetFilterContainer"
-         class="oh-btn ml-2" @click="open = !open">
-          <ion-icon
-            name="filter"
-            class="mr-1 md hydrated"
-            role="img"
-            aria-label="filter"
-          ></ion-icon
-          >{% trans "Filter" %}
-          <div id="filterCount"></div>
+          hx-get="{% url 'get-filter-form' %}?template_path={{filter_template_path}}"
+          hx-target="#widgetFilterContainer"
+          hx-swap="innerHTML"
+          hx-trigger="load"
+          id="hxButton"
+          hidden
+        >
+          <button
+          onclick="$(this).closest('.oh-main__titlebar-button-container').find('#hxButton').click();"
+          class="oh-btn ml-2" @click="open = !open">
+            <ion-icon
+              name="filter"
+              class="mr-1 md hydrated"
+              role="img"
+              aria-label="filter"
+            ></ion-icon
+            >{% trans "Filter" %}
+            <div id="filterCount"></div>
+          </button>
         </button>
         <div
           class="oh-dropdown__menu oh-dropdown__menu--left oh-dropdown__filter p-4"
           x-show="open"
           @click.outside="open = false"
         >
-          <div id="wodgetFilterContainer">
+          <div id="widgetFilterContainer">
             {% comment %} {% include filter_template_path %} {% endcomment %}
           </div>
           <div class="oh-dropdown__filter-footer">