<h3 dir="auto">Versions</h3>
<p dir="auto">Material-UI: 1.0.0-alpha.19<br>
React: 15.5.4<br>
Browser: Chrome</p>
<p dir="auto">In current implementation of Dialog component dialog content has next style MuiDialogContent-root-... and predefined style property overflow-y:auto</p>
<p dir="auto"><a target="_blank" rel="noopener noreferrer nofollow" href="https://user-images.githubusercontent.com/1417393/28211552-ef06a108-68a5-11e7-94ff-7405c7697376.PNG"><img src="https://user-images.githubusercontent.com/1417393/28211552-ef06a108-68a5-11e7-94ff-7405c7697376.PNG" alt="capture1" style="max-width: 100%;"></a></p>
<p dir="auto">it cause issue when I use Select component from <a href="https://github.com/JedWatson/react-select">react-select</a></p>
<p dir="auto"><a target="_blank" rel="noopener noreferrer nofollow" href="https://user-images.githubusercontent.com/1417393/28211647-78d7be80-68a6-11e7-8de4-96ef3e3f0838.PNG"><img src="https://user-images.githubusercontent.com/1417393/28211647-78d7be80-68a6-11e7-8de4-96ef3e3f0838.PNG" alt="capture3" style="max-width: 100%;"></a><br>
<a target="_blank" rel="noopener noreferrer nofollow" href="https://user-images.githubusercontent.com/1417393/28211655-7e3b0936-68a6-11e7-852f-3a720aab9e4e.png"><img src="https://user-images.githubusercontent.com/1417393/28211655-7e3b0936-68a6-11e7-852f-3a720aab9e4e.png" alt="capture2" style="max-width: 100%;"></a></p>
<p dir="auto">But without this property all work fine<br>
<a target="_blank" rel="noopener noreferrer nofollow" href="https://user-images.githubusercontent.com/1417393/28211773-0c88b13e-68a7-11e7-8d6b-b9112ef852bb.png"><img src="https://user-images.githubusercontent.com/1417393/28211773-0c88b13e-68a7-11e7-8d6b-b9112ef852bb.png" alt="capture4" style="max-width: 100%;"></a></p>
<p dir="auto">Is it possible to fix it?</p>
<ul dir="auto">
<li>[x ] I have searched the <a href="https://github.com/mui-org/material-ui/issues">issues</a> of this repository and believe that this is not a duplicate.</li>
</ul>
<h2 dir="auto">Expected Behavior</h2>
<p dir="auto">Copy and paste components and have them actually work out of the box just like Bootstrap components</p>

<h2 dir="auto">Current Behavior</h2>

<p dir="auto">I copy and pasted the entire example in <code class="notranslate">https://material-ui.com/demos/buttons/</code>  for a Raised Button and it does not work.  There are extra dependencies i.e. PropTypes required just for the example which makes it hard to "plug and play." The export statement is very confusing with <code class="notranslate">export default withStyles(styles)(RaisedButtons);</code><br>
<code class="notranslate">Button.js:61 Uncaught TypeError: Cannot read property 'short' of undefined</code><br>
<code class="notranslate">index.js:2177 The above error occurred in the &lt;WithStyles(Button)&gt; component:</code></p>
<h2 dir="auto">Steps to Reproduce (for bugs)</h2>

<ol dir="auto">
<li>Copy and paste the code in the source section of Raised Button or any Button and try to render it in a current project. I tried with and with out MuiThemeProvider to no avail.</li>
</ol>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="import Button from 'material-ui/Button';
import MuiThemeProvider from 'material-ui/styles/MuiThemeProvider'; 
export default class Test extends Component {
  constructor(props) {
    super(props);
}
render() {

    return (

&lt;MuiThemeProvider&gt;
              &lt;Button variant=&quot;raised&quot; color=&quot;primary&quot;&gt;
                   Hello World
              &lt;/Button&gt;
&lt;/MuiThemeProvider&gt;
    );
  }
}```
OR 


```import React from 'react';
import PropTypes from 'prop-types';
import { withStyles } from 'material-ui/styles';
import Button from 'material-ui/Button';

const styles = theme =&gt; ({
  button: {
    margin: theme.spacing.unit,
  },
  input: {
    display: 'none',
  },
});

function RaisedButtons(props) {
  const { classes } = props;
  return (
    &lt;div&gt;
      &lt;Button variant=&quot;raised&quot; className={classes.button}&gt;
        Default
      &lt;/Button&gt;
      &lt;Button variant=&quot;raised&quot; color=&quot;primary&quot; className={classes.button}&gt;
        Primary
      &lt;/Button&gt;
      &lt;Button variant=&quot;raised&quot; color=&quot;secondary&quot; className={classes.button}&gt;
        Secondary
      &lt;/Button&gt;
      &lt;Button variant=&quot;raised&quot; color=&quot;secondary&quot; disabled className={classes.button}&gt;
        Disabled
      &lt;/Button&gt;
      &lt;input
        accept=&quot;image/*&quot;
        className={classes.input}
        id=&quot;raised-button-file&quot;
        multiple
        type=&quot;file&quot;
      /&gt;
      &lt;label htmlFor=&quot;raised-button-file&quot;&gt;
        &lt;Button variant=&quot;raised&quot; component=&quot;span&quot; className={classes.button}&gt;
          Upload
        &lt;/Button&gt;
      &lt;/label&gt;
    &lt;/div&gt;
  );
}

RaisedButtons.propTypes = {
  classes: PropTypes.object.isRequired,
};

export default withStyles(styles)(RaisedButtons);```
## Context
&lt;!---
    How has this issue affected you? What are you trying to accomplish?
    Providing context helps us come up with a solution that is most useful in the real world.
--&gt;
Honesty I have wasted over 2 hours just trying to get a simple button working and I got an academic scholarship to a great school and been deving over a year now and it should not be this hard at all. Please just copy the style of how Bootstrap does it. Very easy to plug and play.
 
## Your Environment
&lt;!--- Include as many relevant details about the environment with which you experienced the bug. --&gt;
Chrome Version 62.0.3202.94 (Official Build) (64-bit)
Linux Ubuntu OS 16.04 LTS
&quot;react&quot;: &quot;^16.2.0&quot;,
&quot;material-ui&quot;: &quot;^1.0.0-beta.31&quot;,
&quot;material-ui-icons&quot;: &quot;^1.0.0-beta.17&quot;,

"><pre lang="import" class="notranslate"><code class="notranslate">import Button from 'material-ui/Button';
import MuiThemeProvider from 'material-ui/styles/MuiThemeProvider'; 
export default class Test extends Component {
  constructor(props) {
    super(props);
}
render() {

    return (

&lt;MuiThemeProvider&gt;
              &lt;Button variant="raised" color="primary"&gt;
                   Hello World
              &lt;/Button&gt;
&lt;/MuiThemeProvider&gt;
    );
  }
}```
OR 


```import React from 'react';
import PropTypes from 'prop-types';
import { withStyles } from 'material-ui/styles';
import Button from 'material-ui/Button';

const styles = theme =&gt; ({
  button: {
    margin: theme.spacing.unit,
  },
  input: {
    display: 'none',
  },
});

function RaisedButtons(props) {
  const { classes } = props;
  return (
    &lt;div&gt;
      &lt;Button variant="raised" className={classes.button}&gt;
        Default
      &lt;/Button&gt;
      &lt;Button variant="raised" color="primary" className={classes.button}&gt;
        Primary
      &lt;/Button&gt;
      &lt;Button variant="raised" color="secondary" className={classes.button}&gt;
        Secondary
      &lt;/Button&gt;
      &lt;Button variant="raised" color="secondary" disabled className={classes.button}&gt;
        Disabled
      &lt;/Button&gt;
      &lt;input
        accept="image/*"
        className={classes.input}
        id="raised-button-file"
        multiple
        type="file"
      /&gt;
      &lt;label htmlFor="raised-button-file"&gt;
        &lt;Button variant="raised" component="span" className={classes.button}&gt;
          Upload
        &lt;/Button&gt;
      &lt;/label&gt;
    &lt;/div&gt;
  );
}

RaisedButtons.propTypes = {
  classes: PropTypes.object.isRequired,
};

export default withStyles(styles)(RaisedButtons);```
## Context
&lt;!---
    How has this issue affected you? What are you trying to accomplish?
    Providing context helps us come up with a solution that is most useful in the real world.
--&gt;
Honesty I have wasted over 2 hours just trying to get a simple button working and I got an academic scholarship to a great school and been deving over a year now and it should not be this hard at all. Please just copy the style of how Bootstrap does it. Very easy to plug and play.
 
## Your Environment
&lt;!--- Include as many relevant details about the environment with which you experienced the bug. --&gt;
Chrome Version 62.0.3202.94 (Official Build) (64-bit)
Linux Ubuntu OS 16.04 LTS
"react": "^16.2.0",
"material-ui": "^1.0.0-beta.31",
"material-ui-icons": "^1.0.0-beta.17",


</code></pre></div>