Set left position for browsers that don't support transform3d

mui · Aug 4, 2015 · dfe8571 · dfe8571
1 parent 6f8cda4
commit dfe8571
Showing 1 changed file with 5 additions and 1 deletion.
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');
@@ -101,7 +104,7 @@ let LeftNav = React.createClass({
         width: this.getTheme().width,
         position: 'fixed',
         zIndex: 10,
-        left: 0,
+        left: Modernizr.csstransforms3d ? 0 : x + 'px',
         top: 0,
         transform: 'translate3d(' + x + 'px, 0, 0)',
         transition: !this.state.swiping && Transitions.easeOut(),
@@ -123,6 +126,7 @@ let LeftNav = React.createClass({
         right: 0,
       },
     };
+
     styles.menuItemLink = this.mergeAndPrefix(styles.menuItem, {
       display: 'block',
       textDecoration: 'none',