Add a property which disables swipe-to-open feature of left nav

Resolves mui#1222
pomerantsev · Jul 29, 2015 · 0bf313b · 0bf313b
1 parent 6f8cda4
commit 0bf313b
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 1 deletion.
diff --git a/docs/src/app/components/pages/components/left-nav.jsx b/docs/src/app/components/pages/components/left-nav.jsx
@@ -59,6 +59,13 @@ class LeftNavPage extends React.Component {
       {
         name: 'Props',
         infoArray: [
+          {
+            name: 'disableSwipeToOpen',
+            type: 'bool',
+            header: 'default: false',
+            desc: 'Indicates whether swiping sideways when the nav is closed ' +
+              'should open the nav.'
+          },
           {
             name: 'docked',
             type: 'bool',

diff --git a/src/left-nav.jsx b/src/left-nav.jsx
@@ -21,6 +21,7 @@ let LeftNav = React.createClass({
 
   propTypes: {
     className: React.PropTypes.string,
+    disableSwipeToOpen: React.PropTypes.bool,
     docked: React.PropTypes.bool,
     header: React.PropTypes.element,
     menuItems: React.PropTypes.array.isRequired,
@@ -38,6 +39,7 @@ let LeftNav = React.createClass({
 
   getDefaultProps() {
     return {
+      disableSwipeToOpen: false,
       docked: true,
     };
   },
@@ -238,7 +240,10 @@ let LeftNav = React.createClass({
   },
 
   _onBodyTouchStart(e) {
-    if (!this.state.open && openNavEventHandler !== this._onBodyTouchStart) {
+    if (!this.state.open &&
+         (openNavEventHandler !== this._onBodyTouchStart ||
+          this.props.disableSwipeToOpen)
+       ) {
       return;
     }