Merge pull request #2730 from oliviertassinari/left-nav-fix-transitio…

…n-transform

[LeftNav] Only transition the transform property

.eslintignore

@@ -1,2 +1 @@
-src/utils/modernizr.custom.js
 src/svg-icons

docs/webpack-dev-server.config.js

@@ -66,7 +66,6 @@ const config = {
         include: [path.resolve(__dirname, '../src')],
         exclude: [
           path.resolve(__dirname, '../src/svg-icons'),
-          path.resolve(__dirname, '../src/utils/modernizr.custom.js'),
         ],
       },
     ],

docs/webpack-production.config.js

@@ -78,7 +78,6 @@ const config = {
         include: [path.resolve(__dirname, '../src')],
         exclude: [
           path.resolve(__dirname, '../src/svg-icons'),
-          path.resolve(__dirname, '../src/utils/modernizr.custom.js'),
         ],
       },
     ],

src/left-nav.jsx

@@ -12,12 +12,9 @@ import DefaultRawTheme from './styles/raw-themes/light-raw-theme';
 import ThemeManager from './styles/theme-manager';
 import warning from 'warning';
 import deprecated from './utils/deprecatedPropType';
-import isBrowser from './utils/is-browser';
 
-const Modernizr = isBrowser ? require('./utils/modernizr.custom') : undefined;
 let openNavEventHandler = null;
 
-
 const LeftNav = React.createClass({
 
   mixins: [
@@ -254,16 +251,17 @@ const LeftNav = React.createClass({
     const rawTheme = muiTheme.rawTheme;
 
     const x = this._getTranslateMultiplier() * (this.state.open ? 0 : this._getMaxTranslateX());
+
     const styles = {
       root: {
         height: '100%',
         width: this.props.width || theme.width,
         position: 'fixed',
         zIndex: muiTheme.zIndex.leftNav,
-        left: isBrowser && Modernizr.csstransforms3d ? 0 : x,
+        left: 0,
         top: 0,
         transform: `translate3d(${x}px, 0, 0)`,
-        transition: !this.state.swiping && Transitions.easeOut(),
+        transition: !this.state.swiping && Transitions.easeOut(null, 'transform', null),
         backgroundColor: theme.color,
         overflow: 'auto',
       },
@@ -350,6 +348,7 @@ const LeftNav = React.createClass({
           onItemTap={this._onMenuItemClick} />
         );
     }
+
     return (
       <div>
         {overlay}