<ul class="contains-task-list">
<li class="task-list-item"><input type="checkbox" id="" disabled="" class="task-list-item-checkbox" checked=""> 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">I would love either native support for custom scrollbars or some guidance on how to get at components buried within other components (such as the <code class="notranslate">&lt;Menu&gt;</code> component within a <code class="notranslate">&lt;Select&gt;</code> component) to add external custom scrollbars.</p>
<h2 dir="auto">Current Behavior</h2>
<p dir="auto">Currently, after searching the issues, there doesn't seem to be any talk about using custom scrollbars. (sorry if I missed it, I looked through about 4 pages) I am unable to find a way to wrap the <code class="notranslate">&lt;Menu&gt;</code> called from <code class="notranslate">&lt;Select&gt;</code> in my own custom scrollbar component.</p>
<h2 dir="auto">Steps to Reproduce (for bugs)</h2>
<ol dir="auto">
<li>Use <code class="notranslate">&lt;Select&gt;</code> with a fixed height menu and notice that it uses the browsers default scrollbar. For example, the <a href="https://material-ui-next.com/demos/selects/" rel="nofollow">Multiple Select demo</a>.</li>
</ol>
<h2 dir="auto">Context</h2>
<p dir="auto">I have been able to wrap other Material-UI components in my custom scrollbar, but I am unable to get at components called from other components, such as <code class="notranslate">&lt;Select&gt;</code>, so some of my elements have custom scrollbars and others do not.</p>
<h2 dir="auto">Your Environment</h2>
<table role="table">
<thead>
<tr>
<th>Tech</th>
<th>Version</th>
</tr>
</thead>
<tbody>
<tr>
<td>Material-UI</td>
<td>beta.27</td>
</tr>
<tr>
<td>React</td>
<td>15</td>
</tr>
<tr>
<td>browser</td>
<td>chrome</td>
</tr>
<tr>
<td>OS</td>
<td>OS X</td>
</tr>
</tbody>
</table>
<ul dir="auto">
<li>[x ] I have searched the <a href="https://github.com/callemall/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">The CircularProgress should rotate on it's axis</p>
<h2 dir="auto">Current Behavior</h2>
<p dir="auto">When you apply a size of 12 the CircularProgress performs an odd double rotation</p>
<h2 dir="auto">Steps to Reproduce (for bugs)</h2>
<p dir="auto">See <a href="https://www.webpackbin.com/bins/-Kv1BRoDe0BTrUHaR2mY" rel="nofollow">https://www.webpackbin.com/bins/-Kv1BRoDe0BTrUHaR2mY</a></p>
<h2 dir="auto">Your Environment</h2>
<table role="table">
<thead>
<tr>
<th>Tech</th>
<th>Version</th>
</tr>
</thead>
<tbody>
<tr>
<td>Material-UI</td>
<td>Master</td>
</tr>
<tr>
<td>React</td>
<td>16.6.1</td>
</tr>
<tr>
<td>browser</td>
<td>Chrome</td>
</tr>
</tbody>
</table>
<p dir="auto">I believe this issue can be fixed by changing line 42 of CircularProgress from:</p>
<p dir="auto">position: 'relative',</p>
<p dir="auto">to</p>
<p dir="auto">position: 'absolute',</p>