Merge pull request #3202 from 12rambau/close-on-select

feat: expose the closeMenuOnSelect option in dropdown component

Author: T4rk1n

components/dash-core-components/src/components/Dropdown.react.js

@@ -145,6 +145,11 @@ Dropdown.propTypes = {
      */
     disabled: PropTypes.bool,
 
+    /**
+     * If false, the menu of the dropdown will not close once a value is selected.
+     */
+    closeMenuOnSelect: PropTypes.bool,
+
     /**
      * height of each option. Can be increased when label lengths would wrap around
      */
@@ -214,6 +219,7 @@ Dropdown.defaultProps = {
     searchable: true,
     optionHeight: 35,
     maxHeight: 200,
+    closeMenuOnSelect: true,
     persisted_props: ['value'],
     persistence_type: 'local',
 };

components/dash-core-components/src/fragments/Dropdown.react.js

@@ -33,6 +33,7 @@ const RDProps = [
     'maxHeight',
     'style',
     'className',
+    'closeMenuOnSelect',
 ];
 
 const Dropdown = props => {