Merge pull request mui#1269 from Andrew8xx8/master

hai-cea · hai-cea · commit 28403c3b0a99 · 2015-08-27T10:44:16.000-05:00
[LeftNav] Fix sidebar position for browsers that don't support transform3d
diff --git a/src/left-nav.jsx b/src/left-nav.jsx
@@ -1,3 +1,6 @@
+const isBrowser = typeof window !== 'undefined';
+let Modernizr = isBrowser ? require('./utils/modernizr.custom') : undefined;
+
 let React = require('react');
 let KeyCode = require('./utils/key-code');
 let StylePropable = require('./mixins/style-propable');
@@ -106,7 +109,7 @@ let LeftNav = React.createClass({
         width: this.getTheme().width,
         position: 'fixed',
         zIndex: 10,
-        left: 0,
+        left: isBrowser && Modernizr.csstransforms3d ? 0 : x,
         top: 0,
         transform: 'translate3d(' + x + 'px, 0, 0)',
         transition: !this.state.swiping && Transitions.easeOut(),
@@ -128,6 +131,7 @@ let LeftNav = React.createClass({
         right: 0,
       },
     };
+
     styles.menuItemLink = this.mergeAndPrefix(styles.menuItem, {
       display: 'block',
       textDecoration: 'none',
