Skip to content

Commit 8c5d095

Browse files
committed
Merge pull request mui#1677 from MrLeebo/open-dropdownmenu
Allow programmatic opening and closing DropDownMenu
2 parents 7980cd5 + 94463f2 commit 8c5d095

File tree

2 files changed

+9
-1
lines changed

2 files changed

+9
-1
lines changed

docs/src/app/components/pages/components/drop-down-menu.jsx

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -92,6 +92,12 @@ export default class DropDownMenuPage extends React.Component {
9292
header: 'default: false',
9393
desc: 'Disables the menu.',
9494
},
95+
{
96+
name: 'openImmediately',
97+
type: 'bool',
98+
header: 'default: false',
99+
desc: 'Set to true to have the DropDownMenu automatically open on mount.',
100+
},
95101
],
96102
},
97103
{

src/drop-down-menu.jsx

Lines changed: 3 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -46,6 +46,7 @@ const DropDownMenu = React.createClass({
4646
iconStyle:React.PropTypes.object,
4747
labelStyle:React.PropTypes.object,
4848
selectedIndex: React.PropTypes.number,
49+
openImmediately: React.PropTypes.bool,
4950
},
5051

5152
getDefaultProps() {
@@ -54,12 +55,13 @@ const DropDownMenu = React.createClass({
5455
disabled: false,
5556
valueMember: 'payload',
5657
displayMember: 'text',
58+
openImmediately: false,
5759
};
5860
},
5961

6062
getInitialState() {
6163
return {
62-
open: false,
64+
open: this.props.openImmediately,
6365
selectedIndex: this._isControlled() ? null : (this.props.selectedIndex || 0),
6466
muiTheme: this.context.muiTheme ? this.context.muiTheme : ThemeManager.getMuiTheme(DefaultRawTheme),
6567
};

0 commit comments

Comments
 (0)