[IconMenu] doc for touchTapCloseDelay

marnusw · Jul 7, 2015 · 4e2ec72 · 4e2ec72
1 parent 9e2e7ab
commit 4e2ec72
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 4 deletions.
diff --git a/docs/src/app/components/pages/components/icon-menus.jsx b/docs/src/app/components/pages/components/icon-menus.jsx
@@ -96,6 +96,12 @@ class IconMenus extends React.Component {
             desc: 'Sets the width of the menu. If not specified, the menu width ' +
               'will be dictated by its children. The rendered width will always be ' +
               'a keyline increment (64px for desktop, 56px otherwise).'
+          },
+          {
+            name: 'touchTapCloseDelay',
+            type: 'number',
+            header: 'default: 200',
+            desc: 'Sets the delay in milliseconds before closing the menu when an item is clicked.'
           }
         ]
       },

diff --git a/src/menus/icon-menu.jsx b/src/menus/icon-menu.jsx
@@ -25,15 +25,15 @@ let IconMenu = React.createClass({
     onItemKeyboardActivate: React.PropTypes.func,
     onItemTouchTap: React.PropTypes.func,
     menuStyle: React.PropTypes.object,
-    timeout: React.PropTypes.number
+    touchTapCloseDelay: React.PropTypes.number
   },
 
   getDefaultProps() {
     return {
       openDirection: 'bottom-left',
       onItemKeyboardActivate: () => {},
       onItemTouchTap: () => {},
-      timeout: 200
+      touchTapCloseDelay: 200
     };
   },
 
@@ -47,7 +47,7 @@ let IconMenu = React.createClass({
 
   componentWillUnmount() {
     if (this._timeout)
-      clearTimeout(this.timeout);
+      clearTimeout(this._timeout);
   },
 
   componentClickAway() {
@@ -133,7 +133,7 @@ let IconMenu = React.createClass({
   _handleItemTouchTap(e, child) {
     this._timeout = setTimeout(() => {
       this.close();
-    }, this.props.timeout);
+    }, this.props.touchTapCloseDelay);
     if (Events.isKeyboard(e)) {
       this.refs[this.state.iconButtonRef].setKeyboardFocus();
     }