Reset the features search result when click on x button

OrchardCMS · Jan 11, 2025 · f51274c · f51274c
1 parent a2f45e5
commit f51274c
Showing 1 changed file with 10 additions and 1 deletion.
diff --git a/src/OrchardCore.Modules/OrchardCore.Features/Views/Admin/Features.cshtml b/src/OrchardCore.Modules/OrchardCore.Features/Views/Admin/Features.cshtml
@@ -180,6 +180,7 @@
 </form>
 <script at="Foot">
     $(function () {
+        const EscapeKeyCode = 27;
         var searchBox = $('#search-box');
 
         // On each keypress filter the list of features
@@ -188,7 +189,7 @@
             var elementsToFilter = $("[data-filter-value]");
 
             // On ESC, clear the search box and display all features
-            if (e.keyCode == 27 || search == '') {
+            if (e.keyCode == EscapeKeyCode || search == '') {
                 searchBox.val('');
                 elementsToFilter.removeClass("d-none first-child-visible last-child-visible");
             } else {
@@ -227,6 +228,14 @@
             }
         });
 
+        // this function will be executed on click of X (clear button)
+        searchBox.on('search', function () {
+            var e = $.Event('keyup');
+            e.keyCode= EscapeKeyCode;
+            
+            searchBox.trigger(e);
+        });
+
         $(".dropdown-menu a").filter(function () {
             return $(this).data("action");
         }).on('click', function () {