feat(dropdown): collapse on clearable optional

Added an option collapseOnClearable to collapse the dropdown upon clicking on the clearable icon SUI does not collapse, but FUI does, so i made this option false by default so the behavior matches SUI.
fomantic · Oct 30, 2024 · 14bf847 · 14bf847
1 parent f3182cf
commit 14bf847
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 1 deletion.
diff --git a/src/definitions/modules/dropdown.js b/src/definitions/modules/dropdown.js
@@ -1230,7 +1230,9 @@
                             if (module.is.searchSelection()) {
                                 module.remove.searchTerm();
                             }
-                            module.hide();
+                            if (settings.collapseOnClearable) {
+                                module.hide();
+                            }
                             event.stopPropagation();
                         },
                     },
@@ -4096,6 +4098,7 @@
         headerDivider: true, // whether option headers should have an additional divider line underneath when converted from <select> <optgroup>
 
         collapseOnActionable: true, // whether the dropdown should collapse upon selection of an actionable item
+        collapseOnClearable: false, // whether the dropdown should collapse upon clicking the clearable icon
 
         // label settings on multi-select
         label: {

diff --git a/types/fomantic-ui-dropdown.d.ts b/types/fomantic-ui-dropdown.d.ts
@@ -480,6 +480,12 @@ declare namespace FomanticUI {
          */
         collapseOnActionable: boolean;
 
+        /**
+         * Whether the dropdown should collapse upon clicking the clearable icon.
+         * @default false
+         */
+        collapseOnClearable: boolean;
+
         /**
          * Allows customization of multi-select labels.
          * @default true