diff --git a/components/dash-core-components/src/components/Dropdown.react.js b/components/dash-core-components/src/components/Dropdown.react.js index d0a10fd2a7..f3576e6aab 100644 --- a/components/dash-core-components/src/components/Dropdown.react.js +++ b/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', }; diff --git a/components/dash-core-components/src/fragments/Dropdown.react.js b/components/dash-core-components/src/fragments/Dropdown.react.js index 44c45e92a4..3ec394a8bd 100644 --- a/components/dash-core-components/src/fragments/Dropdown.react.js +++ b/components/dash-core-components/src/fragments/Dropdown.react.js @@ -33,6 +33,7 @@ const RDProps = [ 'maxHeight', 'style', 'className', + 'closeMenuOnSelect', ]; const Dropdown = props => {